CSSominaisuuksia

CSSominaisuuksia tarkoitetaan CSS:ssä käytettäviä yksittäisiä ominaisuuksia, joiden avulla määritetään HTML-elementtien ulkoasu. Esimerkkejä ovat color, font-size, margin, padding, border, display ja position. Nämä ominaisuudet vaikuttavat elementtien väriin, koon, etäisyyksiin sekä layoutiin. Ominaisuuksia voidaan käyttää säännöissä yhdessä selektorin kanssa muodossa ominaisuus: arvo;.

Rakenne: CSS-säännöt koostuvat selektorista ja säännön sisällä olevista deklaraatioista. Deklaraatio on pari ominaisuus: arvo; ja useilla deklaraatioilla erotetaan toisistaan puolipisteillä. Arvot voivat olla yksikköjä kuten px, em, rem, %, tai avainsanoja kuten auto, bold ja none. Ominaisuuksien kirjoittaminen on yleensä case-insensitive.

Kaskadisuus ja periytyminen: CSS on kaskadinen ja periytyvä järjestelmä. Ominaisuudet voivat periytyä vanhemmilta elementeiltä lapsielementteihin, esimerkkeinä color ja font-family; toiset ominaisuudet ovat ei-periytyviä. Konflikteja ratkaisee tarkemmin erityisyys (specificity), lähdejärjestys ja jos tarpeen tärkeys, esimerkiksi !important. Näiden mekanismien ymmärtäminen on olennaista selkeän tyylin luomisessa.

Käyttö ja käytännöt: CSS-ominaisuuksia käytetään layoutiin, typografiaan, väreihin ja reunuksiin. Esimerkkejä ovat display, flex, grid, margin, padding, font-size ja color. Responsiivisuutta tuetaan media queriesilla ja @supports-ominaisuus kyselyillä, jotka tarkistavat ominaisuuden tuen. Alun perin ominaisuuksiin saatettiin tarvita vendor-prefixiä kuten -webkit- tai -moz-, mutta nykyisin useimmat ominaisuudet ovat laajasti tuettuja.