CSS viitetietokirja

CSS-ominaisuudet

A

accent-color Määrittää käyttöliittymäkomponentin korostusvärin.
align-content Määrittää joustavien konteinereiden sisällä rivejen tasauksen, kun kohteet eivät käytä kaikkea saatavilla olevaa tilaa.
align-items Määrittää joustavien konteinereiden sisällä kohteiden tasauksen.
align-self Määrittää joustavien konteinereiden sisällä valittujen kohteiden tasauksen.
all Nollaa kaikki ominaisuudet (ellei unicode-bidi ja direction).
animation Kaikkien animation-*-ominaisuuksien lyhennetty muoto.
animation-delay Määrittää animaation alkamisen viiveen.
animation-direction Määrittää, onko animaatio toistettu eteenpäin, taaksepäin vai vaihtelevasti.
animation-duration Määrittää, kuinka kauan animaation yksi kiertokulku kestää.
animation-fill-mode Määrittää elementin tyylin, kun animaatio ei ole käynnissä (alkuun, loppuun tai molempiin).
animation-iteration-count Määrittää animaation toistomäärän.
animation-name Määrittää @keyframes-animaation nimen.
animation-play-state Määrittää, onko animaatio toistettu vai keskeytetty.
animation-timing-function Määrittää animaation nopeuskaaren.
aspect-ratio Määrittää elementin ennaltaehkäisevän suhdelman.

B

backdrop-filter Määrittää elementin taustan alueen graafisen vaikutuksen.
backface-visibility Määrittää, onko elementin takapuoli näkyvissä käyttäjän edessä.
background Kaikkien background-*-ominaisuuksien lyhennetty muoto.
background-attachment Asettaa, onko taustakuva liikkuvana sivun mukana vai kiinteänä.
background-blend-mode Määrittää jokaisen taustakerroksen (väri/kuvan) sekoitustavan.
background-clip Määrittää taustan (väri tai kuva) pituuden, joka ulottuu elementin sisälle.
background-color Määrittää elementin taustavärin.
background-image Määrittää elementin yhden tai useamman taustakuvan.
background-origin Määrittää taustakuvan alkuperäinen sijainti.
background-position Määritä taustakuvan sijainti.
background-position-x Määritä taustakuvan sijainti x-akselilla.
pr_background-position-y Määritä taustakuvan sijainti y-akselilla.
background-repeat Aseta, toistetaanko taustakuvaa ja kuinka.
background-size Määritä taustakuvan koko.
block-size Määritä elementin koko alareunassa.
border border-width, border-style ja border-color lyhenteenomaiset ominaisuudet.
border-block

Seuraavilla ominaisuuksilla on lyhennetty muoto:
border-block-color Aseta alareunan alku- ja loppureunien väri.
border-block-end

Seuraavilla ominaisuuksilla on lyhennetty muoto:
border-block-end-color Aseta alareunan loppureunien väri.
border-block-end-style Aseta alareunan loppureunien tyyli.
border-block-end-width Aseta alareunan loppureunien leveys.
border-block-start

Seuraavilla ominaisuuksilla on lyhennetty muoto:
border-block-start-color Aseta alareunan alkureunien väri.
border-block-start-style Aseta alareunan alkureunien tyyli.
border-block-start-width Aseta alareunan alkureunien leveys.
border-block-style Aseta alareunan alku- ja loppureunien tyyli.
border-block-width Aseta alareunan alku- ja loppureunien leveys.
border-bottom border-bottom-width, border-bottom-style ja border-bottom-color lyhenteenomaiset ominaisuudet.
border-bottom-color Aseta alareunan väri.
border-bottom-left-radius Määritä vasemman reunan ympäristön kulmien reunaviivan pyörähdys.
border-bottom-right-radius Määritä oikean reunan ympäristön kulmien reunaviivan pyörähdys.
border-bottom-style Aseta alareunan tyyli.
border-bottom-width Aseta alareunan leveys.
border-collapse Aseta taulukon reunan väri.
border-color Aseta neljän reunan väri.
border-end-end-radius Aseta elementin lopuksen ja rivejä ohjaavasti loppuvan kulman säde.
border-end-start-radius Aseta elementin lopuksen ja rivejä ohjaavasti alkavan kulman säde.
border-image border-image-* ominaisuuksien lyhennetty muoto.
border-image-outset Määritä, kuinka paljon reunakuvan alue ylittää reunan.
border-image-repeat Määritä, tulisiko reunakuvaa toistaa, pyöristää vai venyttää.
border-image-slice Määritä, miten reunakuvaa leikataan.
border-image-source Määritä reunakuvan polku.
border-image-width Määritä reunakuvan leveys.
border-inline

Seuraavilla ominaisuuksilla on lyhennetty muoto:
border-inline-color Aseta rivejä ohjaavasti alkavan ja loppuvan reunan väri.
border-inline-end

Seuraavilla ominaisuuksilla on lyhennetty muoto:
border-inline-end-color Aseta rivejä ohjaavasti loppuvan reunan väri.
border-inline-end-style Aseta rivejä ohjaavasti loppuvan reunan tyyli.
border-inline-end-width Aseta rivejä ohjaavasti loppuvan reunan leveys.
border-inline-start

Seuraavilla ominaisuuksilla on lyhennetty muoto:
border-inline-start-color Aseta rivejä ohjaavasti alkavan reunan väri.
border-inline-start-style Aseta rivejä ohjaavasti alkavan reunan tyyli.
border-inline-start-width Aseta rivejä ohjaavasti alkavan reunan leveys.
border-inline-style Aseta rivejä ohjaavasti alkavan ja loppuvan reunan tyyli.
border-inline-width Aseta rivejä ohjaavasti alkavan ja loppuvan reunan leveys.
border-left Kaikki border-left-* ominaisuuksien lyhennetty muoto.
border-left-color Aseta vasemman reunan väri.
border-left-style Aseta vasemman reunan tyyli.
border-left-width Aseta vasemman reunan leveys.
border-radius Neljän border-*-radius ominaisuuden lyhennetty muoto.
border-right Kaikki border-right-* ominaisuuksien lyhennetty muoto.
border-right-color Asettaa oikean reunan värin.
border-right-style Asettaa oikean reunan tyylin.
border-right-width Asettaa oikean reunan leveyden.
border-spacing Asettaa vierekkäisten solujen reunien välinen etäisyys.
border-start-end-radius Asettaa elementin alku- ja sisäpiirin kulmien pyöristymisen.
border-start-start-radius Asettaa elementin alku- ja sisäpiirin kulmien pyöristymisen.
border-style Asettaa neljän reunan tyylin.
border-top border-top-width, border-top-style ja border-top-color lyhennetty ominaisuus.
border-top-color Asettaa yläreunan värin.
border-top-left-radius Määrittää vasemman yläkulman reunan pyöristymisen.
border-top-right-radius Määrittää oikean yläkulman reunan pyöristymisen.
border-top-style Asettaa yläreunan tyylin.
border-top-width Asettaa yläreunan leveyden.
border-width Asettaa neljän reunan leveyden.
bottom Asettaa elementin sijainnin suhteessa sen isäntäelementin pohjaan.
box-decoration-break Asettaa elementin taustan ja reunan käytöksen sivutusmerkillä tai rivinvaihdolla.
box-reflect Luo elementin heijastuksen.
box-shadow Lisää yhden tai useamman varjostuksen elementtiin.
box-sizing Määrittää elementin leveyden ja korkeuden laskentatavan: sisältävätkö ne sisennykset ja reunat.
break-after Määrittää, tulisiko tiettyyn elementtiin lisätä page-, column- tai region-break sen jälkeen.
break-before Määrittää, tulisiko tiettyyn elementtiin lisätä page-, column- tai region-break ennen sitä.
break-inside Määrittää, tulisiko tiettyyn elementtiin lisätä page-, column- tai region-break.

C

caption-side Määrittää taulukkopalkin sijoituksen.
caret-color Määrittää kursorin värin input-, textarea- tai muussa muokattavassa elementissä.
@charset Määrittää tyyliarkiston käytettävän merkistön.
clear Määrittää, missä elementin puolella ei saa liikkua elementtiä.
clip Leikkaa elementin absoluuttinen sijoitus.
clip-path Leikkaa elementin perusmuodoksi tai SVG-lähteenä.
color Asettaa tekstin värin.
color-scheme Määrittää, minkä käyttöjärjestelmän värikuvion elementti tulisi käyttää renderöinnissä.
column-count Määrittää, kuinka monta saraketta elementti pitäisi jakaa.
column-fill Määrittää, miten sarakkeita täytetään (onko tasapainotettu).
column-gap Määrittää sarakkeiden välinen etäisyys.
column-rule Kaikkien column-rule-*-ominaisuuksien lyhenteet.
column-rule-color Määrittää sarakkeiden välisen säännön väri.
column-rule-style Määrittää sarakkeiden välisen säännön tyyli.
column-rule-width Määrittää sarakkeiden välisen säännön leveys.
column-span Määrittää, kuinka monta saraketta elementti pitäisi kattaa.
column-width Määrittää sarakeleveyden.
columns column-width ja column-count -ominaisuuksien lyhenteet.
@container Määrittää, miten säiliön sisällä olevia elementtejä tyylitetään, riippuen säiliön koosta tai tyylistä.
content Käytetään yhdessä :before ja :after-seudoelementtien kanssa, jotta voidaan lisätä luotua sisältöä.
counter-increment Lisää tai vähennä yksi tai useita CSS-laskureiden arvoja.
counter-reset Luo tai nollaa yksi tai useita CSS-laskureita.
counter-set Luo tai aseta yksi tai useita CSS-laskureita.
@counter-style Mahdollistaa mukautetun laskurin tyylittelyn.
cursor Määrittää, mikä hiiren osoitin näytetään kohdistettaessa elementtiin.

D

direction Määrittää tekstin suunnan/kirjoitus suunnan.
display Määrittää, miten tietty HTML-elementti näytetään.

E

empty-cells Määrittää, näytetäänkö reunat ja tausta taulukon tyhjillä soluilla.

F

filter Määrittää elementin näyttämisen ennen näyttämistä (esim. sumu tai värivaihtelu).
flex flex-grow, flex-shrink ja flex-basis -ominaisuuksien lyhenteet.
flex-basis Määrittää joustavien elementtien alkuperäinen pituus.
flex-direction Määrittää joustavien elementtien suunta.
flex-flow flex-direction ja flex-wrap -ominaisuuksien lyhenteet.
flex-grow Määrittää projektin lisäys suhteessa muihin projekteihin.
flex-shrink Määrittää projektin vähennys suhteessa muihin projekteihin.
flex-wrap Määrittää, tulisiiko joustavien kohteiden (flex-items) vaihtaa riviä.
float Määrittää, tulisiko laatikkoon (box) tehdä pyyhkäisyä.
font font-style, font-variant, font-weight, font-size/line-height ja font-family -ominaisuuksien lyhennetty muoto.
@font-face Sallii säännöillä ladata ja käyttää mukautettuja "web-safe"-kirjasinperheitä.
font-family Määrittää tekstin kirjasinkunnan (kirjasinkerhon).
font-feature-settings Sallii hallita OpenType-kirjasimissa olevia edistyneitä painamistapoja.
@font-feature-values Sallii tekijän käyttää font-variant-alternate -määrittelyssä määriteltyjä yleisiä nimiä aktivoidakseen OpenType -kirjasimissa eri tavoin.
font-kerning Kontrolloi kirjasinvälimatkan tietojen käyttöä (kirjasinvälimatka).
font-language-override Kontrolloi tietyn kielen kirjasinmuotojen käyttöä kirjasinperheessä.
@font-palette-values Sallii mukauttaa kirjasinkalenterin oletusarvon.
font-size Määrittää tekstin kirjasinkohteen.
font-size-adjust Pitää luettavuuden yllä fontin paluun yhteydessä.
font-stretch Valitsee tavallisen, tiukemman tai leveämmän kirjasinkoon perheestä.
font-style Määrittää tekstin kirjasinkäytön tyylin.
font-synthesis Kontrolloi, mitkä puuttuvat kirjasimet (lihavoitu tai kursiivi) voidaan synteettisyydellä korvata.
font-variant Määrittää, tulisiko teksti näyttää pienillä isolla kirjaimella.
font-variant-alternates Kontrolloi vaihtoehtoisten kirjasinmuotojen käyttöä, jotka liittyvät @font-feature-values -määrittelyyn.
font-variant-caps Kontrolloi isojen kirjainten vaihtoehtoisten kirjasinmuotojen käyttöä.
font-variant-east-asian Kontrolloi Itä-Aasian kirjojen (esim. kiinan ja japanin) vaihtoehtoisten kirjasinmuotojen käyttöä.
font-variant-ligatures Kontrolloi yhdistettyjen kirjasinmuotojen ja kontekstin muotojen käyttöä elementin tekstisisällössä.
font-variant-numeric Kontrolloi numerojen, laskutoimitusten ja numerointimerkkien vaihtoehtoisten kirjasinmuotojen käyttöä.
font-variant-position Kontrolloi pienempien kirjasinmuotojen käyttöä, jotka sijoitetaan kirjasinkorkeuden ylä- tai alaviivalle.
font-weight Määritetään kirjasimen paksuus.

G

grid grid-template-rows, grid-template-columns, grid-template-areas, grid-auto-rows, grid-auto-columns ja grid-auto-flow -ominaisuuksien lyhenteet.
grid-area Voit määrittää ruudukon kohteen nimen tai grid-row-start, grid-column-start, grid-row-end ja grid-column-end -ominaisuuksien lyhenteet.
grid-auto-columns Määritetään oletusarvoinen sarakkeen koossa.
grid-auto-flow Määritetään, miten automaattisesti sijoitettavat kohteet lisätään ruudukkoon.
grid-auto-rows Määritetään oletusarvoinen rivin koossa.
grid-column grid-column-start ja grid-column-end -ominaisuuksien lyhenteet.
grid-column-end Määritetään, miten ruudukon kohteet päättyvät.
grid-column-gap Määritetään sarakevälin koossa.
grid-column-start Määritetään, mistä ruudukon kohteet alkavat.
grid-gap grid-row-gap ja grid-column-gap -ominaisuuksien lyhenteet.
grid-row grid-row-start ja grid-row-end -ominaisuuksien lyhenteet.
grid-row-end Määritetään, missä ruudukon kohteet päätyvät.
grid-row-gap Määritetään sarakevälin koossa.
grid-row-start Määritetään, mistä ruudukon kohteet alkavat.
grid-template grid-template-rows, grid-template-columns ja grid-areas -ominaisuuksien lyhenteet.
grid-template-areas Määritetään, miten nimetyt ruudukon alueet näytetään sarakkeina ja riveinä.
grid-template-columns Määritetään sarakkeiden koossa ja ruudukkoasettelun sarakkeiden määrässä.
grid-template-rows Määritetään ruudukkoasettelun rivien koossa.

H

hanging-punctuation Määritetään, voidaanko merkit sijoittaa rivikehyksen ulkopuolelle.
height Asetetaan elementin korkeus.
hyphens Asetetaan, miten sanat jaetaan, jotta parannetaan kohdan asettelua.
hyphenate-character Asetetaan merkit, joita käytetään lyhenteen katkaisemiseen rivinvaihdon yhteydessä.

I

image-rendering Määritä algoritmin tyyppi, jota käytetään kuvan skaalaamiseen.
@import Sallii tyylitaulukon tuonti toiseen tyylitaulukkoon.
initial-letter Määritä ensimmäisen kirjasen koko ja valinnaisesti kuinka monta riviä ensimmäinen kirjain laskeutuu.
inline-size Määritä elementin koko rivin sisäisessä suunnassa.
inset Määritä elementin ja isäelementin välinen etäisyys.
inset-block Määritä elementin etäisyys isäelementistä lohkon suunnan suhteen.
inset-block-end Määritä elementin loppupuolen etäisyys isäelementistä lohkon suunnan suhteen.
inset-block-start Määritä elementin alkupuolen etäisyys isäelementistä lohkon suunnan suhteen.
inset-inline Määritä elementin etäisyys isäelementistä rivin sisäisen suunnan suhteen.
inset-inline-end Määritä elementin loppupuolen etäisyys isäelementistä rivin sisäisen suunnan suhteen.
inset-inline-start Määritä elementin alkupuolen etäisyys isäelementistä rivin sisäisen suunnan suhteen.
isolation Määritä, onko elementin välttämätöntä luoda uusi kerros.

J

justify-content Määritä projektin tasapainotus joustavassa säiliössä, kun projekti ei käytä kaikkea käytettävissä olevaa tilaa.
justify-items Määritä ruudukkoyksikön tasapainotus tapahtumaväliin suuntaan.
justify-self Määritä ruudukkoyksikön tasapainotus tapahtumaväliin suuntaan.

K

@keyframes Määritä animaatiokoodi.

L

@layer Hallitse CSS-tasojen järjestystä, jossa tyylit arvioidaan.
left Määritä sijoitettavan elementin vasemman reunan sijainti.
letter-spacing Lisää tai vähennä tekstin kirjasinkohinan.
line-break Miten miten/kuinka vaihdetaan rivejä.
line-height Aseta rivin korkeus.
list-style Aseta kaikki luettelon ominaisuudet yhdessä lauseessa.
list-style-image Määritä kuvan käyttöä luettelon kohteen merkinnänä.
list-style-position Määritä luettelon kohteen merkinnän sijainti.
list-style-type Määritä luettelon kohteen merkinnän tyyppi.

M

margin Aseta kaikki ulkoreunusomitusominaisuudet yhdessä lauseessa.
margin-block Määritä lohkon suunnan ulkoreuna.
margin-block-end Määritä lohkon suunnan loppupuolen ulkoreuna.
margin-block-start Määritä lohkon suunnan alkupuolen ulkoreuna.
margin-bottom Aseta elementin alapuolen ulkoreuna.
margin-inline Määritä rivin sisäisen suunnan ulkoreuna.
margin-inline-end Määritä ulkoreunan loppupiste rivejä kohti.
margin-inline-start Määritä ulkoreunan alkupiste rivejä kohti.
margin-left Aseta elementin vasemman puolen ulkoreuna.
margin-right Aseta elementin oikea puolen ulkoreuna.
margin-top Aseta elementin yläpuolinen ulkoreuna.
marker Viittaa merkkiin, joka piirretään elementin kaikilla kulmilla (ensimmäinen, keskimmäinen ja viimeinen).
marker-end Viittaa merkkiin, joka piirretään elementin viimeisellä kulmalla.
marker-mid Viittaa merkkiin, joka piirretään elementin kaikilla keskimmäisillä kulmilla.
marker-start Viittaa merkkiin, joka piirretään elementin ensimmäisellä kulmalla.
mask

Seuraavilla ominaisuuksilla on lyhennetty muoto:
mask-clip Määritä alue, jota peittauskuva vaikuttaa.
mask-composite Määritä, mitä synteettistä toimintoa käytetään peittauskerroksen kuvan kanssa.
mask-image Määritä kuvana käytettävä elementin peittauskerros.
mask-mode Määritä, käsitelläänkö peittauskerroksen kuvaa valon peittävänä vai alfa-peittävänä peittauksena.
mask-origin Määritä peittauskerroksen kuvan alkuperäinen sijainti (peittausalueessa).
mask-position Aseta peittauskerroksen kuvan alkuperäinen sijainti (suhteessa peittausalueeseen).
mask-repeat Määritä peittauskerroksen kuvan toistotapa.
mask-size Määritä peittauskerroksen kuvan koko.
mask-type Määritä SVG Käsitelläänkö elementti valon peittävänä vai alfa-peittävänä peittauksena.
max-height Aseta elementin suurin korkeus.
max-width Aseta elementin suurin leveys.
@media Aseta tyylejä eri mediatyypille, laitteelle ja koolle.
max-block-size Aseta elementin suurin koko lohkotyyliin.
max-inline-size Aseta elementin suurin koko rivejä kohti.
min-block-size Aseta elementin pienin koko lohkotyyliin.
min-inline-size Aseta elementin pienin koko rivejä kohti.
min-height Aseta elementin pienin korkeus.
min-width Aseta elementin pienin leveys.
mix-blend-mode Määritä, miten elementin sisältö sekoittuu suoraan yhden yläpuolisen vanhemman taustaan.

N

@namespace Määritä XML-nimitysala, jota käytetään tyyleissä.

O

object-fit Määritä, miten korvaava elementin sisältö sopii siihen luodulle kehälle, joka perustuu sen korkeuteen ja leveyteen.
object-position Määrittää korvaavan elementin kohdistuksen kehyksessä.
offset

Seuraavilla ominaisuuksilla on lyhennetty muoto:
offset-anchor Määrittää pisteen, joka on kiinnitetty elementtiin animaatiopolulla.
offset-distance Määrittää animaatioelementin sijainnin polulla.
offset-path Määrittää elementin polku.
offset-position Määrittää elementin alkuperäinen sijainti polulla.
offset-rotate Määrittää elementin pyörtyminen polun suhteen.
opacity Asettaa elementin läpinäkyvyyden tason.
order Asettaa joustavien kohteiden järjestyksen muiden kohteiden suhteen.
orphans Asettaa vähimmäismäärän rivejä, jotka on säilytettävä sivun tai sarakkeen alaosassa.
orphans Asettaa vähimmäismäärän rivejä, jotka on säilytettävä sivun alaosassa.
outline outline-width, outline-style ja outline-color ominaisuuksien lyhenteenä.
outline-color Asettaa reunan värin.
outline-offset Siirtää reunaa ja piirtää sen reunan ulkopuolelle.
outline-style Asettaa reunan tyylin.
outline-width Asettaa reunan leveyden.
overflow Määrittää, mitä tapahtuu, jos sisältö ylittää elementin kehyksen.
overflow-anchor Määrittää, tulisiko näyttää uusi sisältö pyöristettävänä, kun se ladataan liukuvassa säiliössä.
overflow-wrap Määrittää, voiko selain katkaista pitkät sanat, jos ne ylittävät säiliön.
overflow-wrap Määrittää, onko selain mahdollisesti katkaisemassa sanoja sanan sisällä estääkseen ylityön.
overflow-x Määrittää, leikkaako sisällön vasen ja oikea reuna, jos ne ylittävät elementin sisällön alueen.
overflow-y Määrittää, leikkaaanko sisällön ylä- ja alareunat, jos ne ylittävät elementin sisällön alueen.
overscroll-behavior Määrittää, onko x- ja y-akselilla liukuketjua tai ylituontiä.
overscroll-behavior-block Määrittää, onko lohkoksi kohti liukuketjua tai ylituontiä.
overscroll-behavior-inline Määrittää, onko rivejä kohti liukuketjua tai ylituontiä.
overscroll-behavior-x Määrittää, onko x-akselilla liukuketjua tai ylituontiä.
overscroll-behavior-y Määrittää, onko y-akselilla liukuketjua tai ylituontiä.

P

padding Kaikki padding-* ominaisuudet lyhenteenä.
padding-block Määritä sisä marginaali lohkon suuntaan.
padding-block-end Määritä sisä marginaali lohkon suuntaan loppupisteessä.
padding-block-start Määritä sisä marginaali lohkon suuntaan alkupisteessä.
padding-bottom Aseta elementin alas sisä marginaali.
padding-inline Määritä sisä marginaali rivin suuntaan.
padding-inline-end Määritä sisä marginaali rivin suuntaan loppupisteessä.
padding-inline-start Määritä sisä marginaali rivin suuntaan alkupisteessä.
padding-left Aseta elementin vasen sisä marginaali.
padding-right Aseta elementin oikea sisä marginaali.
padding-top Aseta elementin yläsisä marginaali.
@page Määritä tulostettavan sivun mitat, suunta ja marginaalit.
page-break-after Aseta elementin jälkeen sivun (page-break) käyttäytyminen.
page-break-before Aseta elementin ennen sivun (page-break) käyttäytyminen.
page-break-inside Aseta elementin sisällä olevan sivun (page-break) käyttäytyminen.
paint-order Aseta SVG-elementin tai tekstin piirtämisjärjestys.
perspective Tarjoa perspektiiviä 3D-sijoitetuille elementeille.
perspective-origin Määritä, missä käyttäjä katsoo 3D-sijoitetun elementin.
place-content Määritä flexbox- ja ruudukkosijoittamisen align-content ja justify-content ominaisuuksien arvot.
place-items Määritä ruudukon sijoittamisen align-items ja justify-items ominaisuuksien arvot.
place-self Määritä ruudukon sijoittamisen align-self ja justify-self ominaisuuksien arvot.
pointer-events Määritä, reagoiko elementti hiiren painikkeisiin.
position Määritä elementin sijoittamistavan (statiikka, suhteellinen, absoluuttinen tai kiinteä) tyyppi.
@property Määritä mukautetut CSS-ominaisuudet suoraan tyylitaulukossa ilman JavaScriptin suorittamista.

Q

quotes Aseta lainausmerkkityyppi.

R

resize Määritä, onko käyttäjä pystyvässä muuttamaan elementin kokoa ja kuinka.
right Määritä sijoitettavan elementin vasemman reunan sijainti.
rotate Määritä elementin kierto.
row-gap Määritä ruudukon rivien välinen etäisyys.

S

scale Määritä elementin koko suurennuksella tai pienennyskertoimella.
@scope Sallii sinun valita tietyn DOM-alipuun elementin ja sijoittaa elementin tarkasti ilman liian tarkkaa valitsinta.
scroll-behavior Määritä, rullataanko rullauskehys sujuvasti vai suoraan.
scroll-margin Määritä imusijainnin ja kontin välinen ulkoreuna.
scroll-margin-block Määritä suuntaan ja kontin välinen ulkoreuna.
scroll-margin-block-end Määritä suuntaan ja kontin loppupisteeseen.
scroll-margin-block-start Määritä suuntaan ja kontin alkupisteeseen.
scroll-margin-bottom Määritä alatason imusijainnin ja kontin välinen ulkoreuna.
scroll-margin-inline Määritä suuntaan ja kontin välinen ulkoreuna.
scroll-margin-inline-end Määritä suuntaan ja kontin loppupisteeseen.
scroll-margin-inline-start Määritä suuntaan ja kontin alkupisteeseen.
scroll-margin-left Määritä vasemmanpuolisen imusijainnin ja kontin välinen ulkoreuna.
scroll-margin-right Määritä oikeanpuolisen imusijainnin ja kontin välinen ulkoreuna.
scroll-margin-top Määritä ylätason imusijainti ja kontin välinen ulkoreuna.
scroll-padding Määritä kontin asento ja lapsen imusijaintiin.
scroll-padding-block Määritä kontin asento suuntaan ja lapsen imusijaintiin.
scroll-padding-block-end Määritä kontin loppuasento suuntaan ja lapsen imusijaintiin.
scroll-padding-block-start Määritä kontin alkuasento suuntaan ja lapsen imusijaintiin.
scroll-padding-bottom Määritä kontin pohjaan ja lapsen imusijaintiin.
scroll-padding-inline Määritä kontin asento suuntaan ja lapsen imusijaintiin.
scroll-padding-inline-end Määritä kontin loppuasento suuntaan ja lapsen imusijaintiin.
scroll-padding-inline-start Määritä kontin alkuasento suuntaan ja lapsen imusijaintiin.
scroll-padding-left Määrittää konttorin vasemman reunan ja lapsen imusijainnin välinen etäisyys.
scroll-padding-right Määrittää konttorin oikean reunan ja lapsen imusijainnin välinen etäisyys.
scroll-padding-top Määrittää konttorin ylänurkan ja lapsen imusijainnin välinen etäisyys.
scroll-snap-align Määrittää elementin sijainnin, kun käyttäjä lopettaa rullauksen.
scroll-snap-stop Määrittää rullauksen käyttäytymisen nopean vetämisen jälkeen.
scroll-snap-type Määrittää roiskeen käyttäytymisen rullauksen aikana.
scrollbar-color Määrittää elementin roolikuvioiden värin.
shape-outside Määrittää rivin sisällön ympäröivän muodon.
@starting-style Määrittää elementin alkuperäisen tyylin ensimmäisen tyylipäivityksen aikana.
@supports Testaa, tukeeko selain tiettyä CSS-ominaisuutta.

T

tab-size Määrittää tabulaattorin leveyden.
table-layout Määrittää algoritmin, jota käytetään solujen, riviä ja sarakkeita varten.
text-align Määrittää tekstin horisontaalisen tasauksen.
text-align-last Kuvailee, miten tasataan lohkon tai rivin viimeinen rivi ennen pakottavaa rivinvaihtoa, kun text-align on "justify".
text-combine-upright Yhdistää useita merkkejä yhteen merkin tilaan.
text-decoration Määrittää tekstin korostuksen.
text-decoration-color Määrittää tekstin korostuksen (text-decoration) värin.
text-decoration-line Määrittää tekstin korostuksen (text-decoration) rivityypin.
text-decoration-style Määrittää tekstin korostuksen (text-decoration) rivityylin.
text-decoration-thickness Määrittää korostusviivan paksuuden.
text-emphasis

Seuraavilla ominaisuuksilla on lyhennetty muoto:
text-emphasis-color Määrittää korostusmerkin värin.
text-emphasis-position Määrittää korostusmerkin sijainnin.
text-emphasis-style Määrittää korostusmerkin tyylin.
text-indent Määrittää tekstipalikan (text-block) ensimmäisen rivin sisennys.
text-justify Määrittää tasausmenetelmän, jota käytetään, kun text-align on "justify".
text-orientation Määritä merkkien suunta yhdellä rivillä.
text-overflow Määritä, mitä tapahtuu, kun teksti ylittää sisältävän elementin.
text-shadow Lisää tekstin varjo.
text-transform Kontrolloi tekstin isojen kirjainten käyttöä.
text-underline-offset Määritä alleviivaustekstin korostuksen siirtymäetäisyys.
text-underline-position Määritä alleviivaustekstin korostuksen sijainti.
top Määritä sijoitetun elementin yläreunan sijainti.
transform Soveltaa 2D- tai 3D-muunnosta elementtiin.
transform-origin Sallii elementin sijainnin muuttamisen.
transform-style Määritä, miten sisäänrakennetut elementit renderöidään 3D-tilassa.
transition 所有 transition-* 属性的简写属性。
transition-delay Määritä过渡效果的合适开始时间。
transition-duration Määritä过渡效果所需的秒或毫秒数。
transition-property Määritä过渡效果对应的 CSS 属性的名称。
transition-timing-function Määritä过渡效果的速率曲线。
translate Määritä elementin sijainti.

U

unicode-bidi Käytetään yhdessä direction-ominaisuuden kanssa asettaakseen tai palauttamaan, tulisiko tekstiä kirjoittaa yli, jotta useita kieliä voidaan tukea samassa asiakirjassa.
user-select Määritä, voidaanko elementin tekstiä valita.

V

vertical-align Aseta elementin vertikaalinen tasaus.
visibility Määritä, onko elementti näkyvä.

W

white-space Määritä, miten elementin sisällä olevat tyhjät merkit käsitellään.
widows Aseta, kuinka monta minimiriviä täytyy säilyttää sivun tai sarakkeen yläpuolella.
widows Aseta, kuinka monta minimiriviä täytyy säilyttää sivun yläpuolella, jos elementissä tapahtuu sivutus.
width Aseta elementin leveys.
word-break Määritä, miten sana vaihtuu riville, kun se saavuttaa rivin lopun.
word-spacing Lisää tai vähennä tekstin välit.
word-wrap Sallii pitkien, ei-kytkettävien sanojen siirtymisen seuraavalle riville.
writing-mode Määritä onko tekstin rivi horisontaalinen vai vertikaalinen.

Z

z-index Aseta sijoitetun elementin kerrostusjärjestys.
zoom Määritä elementin skaalausefaktori. Elementti voi suurentaa ja pienentää.