Tässä on yksityiskohtainen selitys jokaiselle CSS-omaisuudelle
Omaisuus color
Ominaisuutta color käytetään elementin tekstin värin muotoiluun.
Arvo voi olla värin nimi(esim. red, blue, green), heksadesimaalikoodi(esim. "#FF0000" arvolle red) tai rgb() funktio, joka määrittää Red, Green, Blue arvot.
Esimerkki: color: red;
Omaisuus font-size
Ominaisuutta font-size käytetään muotoilemaan elementin tekstin kokoa.
Arvo voi olla pikseleinä(esim. "12px"), em-yksiköinä(esim. "1,2 em"), prosentteina(%) tai muina suhteellisina arvoina.
Esimerkki: font-size: 16px;
Omaisuus background-color
Ominaisuutta background-color käytetään elementin taustavärin muotoiluun.
Arvo voi olla myös värin nimi, heksadesimaalikoodi tai "rgb()"-funktio värin määrittämiseksi.
Esimerkki: background-color: #F0F0F0;
Omaisuus font-family
"Font-family"-ominaisuus määrittää elementin tekstissä käytettävän fontin.
Arvo voi olla kirjasimen nimi(esim. Arial, Helvetica) tai prioriteettiluettelo kirjasinten nimistä.
Esimerkki: font-family: Arial, sans-serif;
Omaisuus text-align
"text-align" -ominaisuutta käytetään tekstin tasaamiseen elementin sisällä.
Arvo voi olla left, right, center, tai justify(tasaa tekstin molemmissa päissä).
Esimerkki: text-align: center;
Omaisuus width
"width"-ominaisuus määrittää elementin leveyden.
Arvo voi olla pikseleinä, prosentteina(%) tai auto automaattiselle leveydelle.
Esimerkki: width: 300px;
Omaisuus height
Ominaisuus height määrittää elementin korkeuden.
Arvo voi olla pixel, prosentteina(%) tai auto automaattiselle korkeudelle.
Esimerkki: height: 200px;
Omaisuus border
Ominaisuutta border käytetään reunuksen luomiseen elementin ympärille.
Arvo voi sisältää reunan paksuuden(esim. "1px"), border style(esim. solid, dotted) ja color(esim. red).
Esimerkki: border: 1px solid black;
Omaisuus margin
Ominaisuus margin määrittää elementin ja sitä ympäröivien elementtien välisen etäisyyden.
Arvo voi olla pikseliarvo(esim. "10px"), pikseliarvot kullekin suunnalle(esim. "5px 10px") tai auto automaattinen välitys.
Esimerkki: margin: 10px;
Omaisuus padding
Ominaisuus padding määrittää elementin sisällön ja reunan välisen etäisyyden.
Arvo voi olla pixel arvo tai pikseliarvot kullekin suunnalle.
Esimerkki: padding: 20px;
Nämä ovat vain muutamia esimerkkejä CSS-ominaisuuksista ja niiden arvoista. CSS tarjoaa monia muita ominaisuuksia verkkosivusi elementtien tyylittämiseen ja mukauttamiseen. Voit tutkia muita ominaisuuksia ja muokata niitä saadaksesi erilaisia malleja ja tehosteita verkkosivustollesi.