CSS viittausopas

CSS-ominaisuudet

A

accent-color Määrittää käyttöliittymäkomponentin korostusvärin.
align-content Määrittää joustavien konteinereiden sisällä riviiden tasapainotavan, kun projektit eivät käytä kaikkea saatavilla olevaa tilaa.
align-items Määrittää joustavien konteinereiden sisällä projektien tasapainotavan.
align-self Määrittää joustavien konteinereiden sisällä valittujen projektien tasapainotavan.
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 jakso kestää.
animation-fill-mode Määrittää elementin tyylin, kun animaatio ei ole toistettu (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 nopeuskaavan.
aspect-ratio Määrittää elementin ensisijaisen leveys-korkeus suhteen.

B

backdrop-filter Määrittää elementin taustan graafisen vaikutuksen.
backface-visibility Määrittää, onko elementin takapuoli näkyvissä käyttäjän suuntaan.
background Kaikkien background-*-ominaisuuksien lyhennetty muoto.
background-attachment Asettaa, onko taustakuva liikkuvana yhdessä sivun muiden osien kanssa vai kiinteänä.
background-blend-mode Määrittää jokaisen taustakerroksen (väri/kuvan) sekoitustavan.
background-clip Määrittää, kuinka tausta (väri tai kuva) 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 lohko-akselilla.
border border-width, border-style ja border-color lyhenteenominaisuudet.
border-block

Seuraavilla ominaisuuksilla on lyhennetty muoto:
border-block-color Aseta alareunan alkun ja lopun reunan väri.
border-block-end

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

Seuraavilla ominaisuuksilla on lyhennetty muoto:
border-block-start-color Aseta alareunan alkun reunan väri.
border-block-start-style Aseta alareunan alkun reunan tyyli.
border-block-start-width Aseta alareunan alkun reunan leveys.
border-block-style Aseta alareunan alkun ja lopun reunan tyyli.
border-block-width Aseta alareunan alkun ja lopun reunan leveys.
border-bottom border-bottom-width, border-bottom-style ja border-bottom-color lyhenteenominaisuudet.
border-bottom-color Aseta alareunan väri.
border-bottom-left-radius Määritä vasemman reunan ympäristön kulman reunan muoto.
border-bottom-right-radius Määritä oikean reunan ympäristön kulman reunan muoto.
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 lopun ja riviin sisäisen loppun välisen kulman säde.
border-end-start-radius Aseta elementin lopun ja riviin sisäisen alkun välisen 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ä, tulostaanko reunakuvaa, pyöristetäänkö sitä vai venytetäänkö sitä.
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 riviin sisäisen alkun ja loppureunän väri.
border-inline-end

Seuraavilla ominaisuuksilla on lyhennetty muoto:
border-inline-end-color Aseta riviin sisäisen loppureunän väri.
border-inline-end-style Aseta riviin sisäisen loppureunän tyyli.
border-inline-end-width Aseta riviin sisäisen loppureunän leveys.
border-inline-start

Seuraavilla ominaisuuksilla on lyhennetty muoto:
border-inline-start-color Aseta riviin sisäisen alkureunän väri.
border-inline-start-style Aseta riviin sisäisen alkureunän tyyli.
border-inline-start-width Aseta riviin sisäisen alkureunän leveys.
border-inline-style Aseta riviin sisäisen alkun ja loppureunän tyyli.
border-inline-width Aseta riviin sisäisen alkun ja loppureunän 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 ulkoisen loppuun asti olevan kulman pyöristymisen.
border-start-start-radius Asettaa elementin alku- ja sisäisen loppuun asti olevan kulman pyöristymisen.
border-style Asettaa neljän reunan tyynin.
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 vanhemman elementin pohjaan.
box-decoration-break Asettaa elementin taustan ja reunan käyttäytymisen sivutusmerkillä tai rivinvaihdossa.
box-reflect Käytetään elementin heijastuksen luomiseen.
box-shadow Lisää yhden tai useamman varjoston elementtiin.
box-sizing Määrittää elementin leveyden ja korkeuden laskentatavan: sisältävätkö ne sisennykset ja reunat.
break-after Määrittää, tulisiko page-, column- tai region-break elementin jälkeen.
break-before Määrittää, tulisiko page-, column- tai region-break elementin eteen.
break-inside Määrittää, tulisiko elementin sisälle tulla page-, column- tai region-break.

C

caption-side Määrittää taulukon otsikon sijoittumistavan.
caret-color Määrittää kursorin värin input-, textarea- tai muussa muokattavassa elementissä.
@charset Määrittää tyylitaulukossa käytettävän merkistön.
clear Määrittää, missä elementin puolella ei saa liikkua elementtiä.
clip Leikkaa täysin määritellyt elementit.
clip-path Leikkaa elementti perusmuodoksi tai SVG-lähteenä.
color Aseta tekstin väri.
color-scheme Ohjaa, mitä käyttöjärjestelmän värikertaa käytetään elementin renderöintiin.
column-count Määritä, kuinka monta saraketta elementti pitäisi jakaa.
column-fill Määritä, miten sarakkeet täytetään (onko tasapainotettu).
column-gap Määritä sarakkeiden väli.
column-rule Kaikkien column-rule-*-ominaisuuksien lyhenteet.
column-rule-color Määritä sarakkeiden välinen säännön väri.
column-rule-style Määritä sarakkeiden välinen säännön tyyli.
column-rule-width Määritä sarakkeiden välinen säännöllinen leveys.
column-span Määritä, kuinka monta saraketta elementti pitäisi ylittää.
column-width Määritä sarakeleveys.
columns column-width ja column-count -ominaisuuksien lyhenteet.
@container Määritä konttorin sisäisten elementtien tyyli konttorin koosta tai tyylistä riippuen.
content Käytetään yhdessä :before ja :after-epäoliosymbolien kanssa, jotta lisätään 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 tyylin määrittämisen.
cursor Määritä näytettävä hiiren osoitin, kun kohdistetaan elementtiin.

D

direction Määritä tekstin suunta/kirjoitussuunta.
display Määritä, miten tietty HTML-elementti näytetään.

E

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

F

filter Määritä elementin näyttämä vaikutus ennen näyttämistä (esim. sumeus tai värin vivahtelut).
flex flex-grow, flex-shrink ja flex-basis -ominaisuuksien lyhenteet.
flex-basis Määritä joustavien elementtien alkuperäinen pituus.
flex-direction Määritä joustavien elementtien suunta.
flex-flow flex-direction ja flex-wrap -ominaisuuksien lyhenteet.
flex-grow Määritä projektin lisäys muiden projektien suhteen.
flex-shrink Määritä projektin vähennys muiden projektien suhteen.
flex-wrap Määritä, tulisiiko joustava elementti (flex-item) vaihtaa riviä.
float Määritä, tulisiko laatikko (box) olla liukuvana.
font font-style, font-variant, font-weight, font-size/line-height ja font-family -ominaisuuksien lyhennetty muoto.
@font-face Salli säännöt, jotka mahdollistavat verkkosivuston lataamisen ja käytön "web-safe" -kirjasinlajeja lukuun ottamatta.
font-family Määritä tekstin kirjasinkappaleen perhe (kirjasinkappaleen tyyli).
font-feature-settings Salli hallita edistyneitä painamisominaisuuksia OpenType -kirjasimissa.
@font-feature-values Salli luojan käyttää font-variant-alternate -määrittelyssä yleisiä nimiä aktivoidakseen eri tavoin aktivoituja ominaisuuksia OpenType -kirjasimissa.
font-kerning Hallita kirjasinvälimaata tietojen käyttöä (kirjasinvälimatka).
font-language-override Hallita tietyn kielen kirjasinmuotojen käyttöä kirjasinlajissa.
@font-palette-values Salli mukauttaa kirjasinpaletin oletusarvot.
font-size Määritä tekstin kirjasinkoko.
font-size-adjust Pitää huolen siitä, että teksti on luettavaa, kun tapahtuu kirjasinpaluuta.
font-stretch Valita yleinen, tiivis tai laajennettu kirjasinkappaleen leveys.
font-style Määritä tekstin kirjasinkappaleen tyyli.
font-synthesis Hallita, mitkä puuttuvat kirjasinlajit (lihavoitu tai kursiivi) voidaan renderöidä selaimella.
font-variant Määritä, tulisiko teksti näyttää pienillä isolla kirjaimella.
font-variant-alternates Hallita, mitä vaihtoehtoisia kirjasinmuotoja käytetään, jotka liittyvät @font-feature-values -määrittelyyn.
font-variant-caps Hallita isojen kirjainten vaihtoehtoisten kirjasinmuotojen käyttöä.
font-variant-east-asian Hallita Itä-Aasian kirjojen (esim. kiinan ja japanin) vaihtoehtoisten kirjasinmuotojen käyttöä.
font-variant-ligatures Hallita, mitä yhdistämisjäykkyyksiä ja kontekstimuotoja käytetään elementin tekstisisällössä.
font-variant-numeric Hallita numerojen, laskutoimitusten ja numerointimerkkien vaihtoehtoisten kirjasinmuotojen käyttöä.
font-variant-position Hallita pienempien kirjasinmuotojen käyttöä, jotka sijoitetaan merkin tasolle ylös tai alas.
font-weight Määritä 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ääritä oletusarvoinen sarakekoko.
grid-auto-flow Määritä, miten automaattisesti sijoitettavat kohteet lisätään ruudukkoon.
grid-auto-rows Määritä oletusarvoinen rivikoko.
grid-column grid-column-start ja grid-column-end -ominaisuuksien lyhenteet.
grid-column-end Määritä, miten ruudukon kohteet päättyvät.
grid-column-gap Määritä rivejen välinen etäisyys.
grid-column-start Määritä, 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ääritä, missä ruudukon kohteet päättyvät.
grid-row-gap Määritä rivejen välinen etäisyys.
grid-row-start Määritä, mistä ruudukon kohteet alkavat.
grid-template grid-template-rows, grid-template-columns ja grid-areas -ominaisuuksien lyhenteet.
grid-template-areas Määritä, miten nimetyt ruudukon alueet näytetään sarkeina ja riveinä.
grid-template-columns Määritä sarakekokoonpanon mitat ja ruudukkoasettelun sarakemäärä.
grid-template-rows Määritä ruudukkoasettelun rivien mitat.

H

hanging-punctuation Määritä, voidaanko merkki sijoittaa riviruudukon ulkopuolelle.
height Aseta elementin korkeus.
hyphens Aseta, miten sanat jaetaan, jotta parannetaan kohdan asettelua.
hyphenate-character Aseta merkit, jo käytetään liitosmerkin katkaisemiseen rivinvaihdon yhteydessä.

I

image-rendering Määritä algoritmin tyyppi, jota käytetään kuvan skaalaamiseen.
@import Sallii tyylejä tuoda toisesta tyyleistä.
initial-letter Määritä ensimmäisen kirjaimen koko ja valinnaisesti kuinka monta riviä kirjain laskeutuu.
inline-size Määritä elementin koko suunnassa inline.
inset Määritä elementin ja vanhemman elementin välinen etäisyys.
inset-block Määritä elementin etäisyys vanhemmalta elementiltä suunnassa block.
inset-block-end Määritä elementin loppupään etäisyys vanhemmalta elementiltä suunnassa block.
inset-block-start Määritä elementin alkupään etäisyys vanhemmalta elementiltä suunnassa block.
inset-inline Määritä elementin etäisyys vanhemmalta elementiltä suunnassa inline.
inset-inline-end Määritä elementin loppupään etäisyys vanhemmalta elementiltä suunnassa inline.
inset-inline-start Määritä elementin alkupään etäisyys vanhemmalta elementiltä suunnassa inline.
isolation Määritä, onko elementin välttämätöntä luoda uusi kerros.

J

justify-content Määritä kohde joustavassa konteissa kohdistus tapa, kun kohde ei käytä kaikkea käytettävissä olevaa tilaa.
justify-items Määritä ruudukkoyksikön suunnassa inline oleva kohdistus tapa.
justify-self Määritä ruudukkoyksikön suunnassa inline oleva kohdistus tapa.

K

@keyframes Määritä animaatiokoodi.

L

@layer Hallitse CSS:n kerrokset arvioinnin järjestystä.
left Määritä sijoitettavan elementin vasemman reunan sijainti.
letter-spacing Lisää tai vähennä merkkien välistä etäisyyttä tekstissä.
line-break Miten miten/kuinka/kuinka vaihtaa rivejä.
line-height Aseta rivin korkeus.
list-style Aseta kaikki luettelon ominaisuudet yhdessä lauseessa.
list-style-image Aseta kuva luettelon kohteen merkinnäksi.
list-style-position Määritä luettelon kohteen merkinnän sijainti.
list-style-type Määritä luettelon kohteen merkinnän tyyppi.

M

margin Aseta kaikki ulkoneva margin ominaisuudet yhdessä lauseessa.
margin-block Määritä ulkoneva margin suunnassa block.
margin-block-end Määritä ulkoneva margin suunnassa block loppupäässä.
margin-block-start Määritä ulkoneva margin suunnassa block alkupäässä.
margin-bottom Aseta elementin alapuolinen ulkoneva margin.
margin-inline Määritä ulkoneva margin suunnassa inline.
margin-inline-end 指定行内方向上结束处的外边距。
margin-inline-start Määritellään ulkonevuus rivejä suuntaan loppupäässä.
margin-inline-start Määritellään ulkonevuus rivejä suuntaan alkupäässä.
margin-left Asetetaan elementin vasemman reunan ulkonevuus.
margin-right Asetetaan elementin oikean reunan ulkonevuus.
margin-top Asetetaan elementin ylä reunan ulkonevuus.
marker Viittaa merkkiin, joka piirretään elementin kaikille kulmakulmille (ensimmäiselle, keskimmäiselle ja viimeiselle).
marker-end Viittaa merkkiin, joka piirretään elementin viimeiselle kulmakulmalle.
marker-mid Viittaa merkkiin, joka piirretään elementin kaikille keskimmäisille kulmakulmille.
marker-start

Seuraavilla ominaisuuksilla on lyhennetty muoto:
Viittaa merkkiin, joka piirretään elementin ensimmäiselle kulmakulmalle. mask
mask-clip Määritellään, minkä alueen peittävän kuvaa vaikuttaa.
mask-composite Määritellään, mitä synteettistä toimintaa käytetään nykyisessä peittävässä ja sen alla olevassa peittävässä.
mask-image Määritellään peittävänä käytettävä kuva.
mask-mode Määritellään, käsitelläänkö peittävää kuvaa valon peittävänä tai alpha-peittävänä.
mask-origin Määritellään peittävän kuvan alkuperäinen sijainti (peittävän sijaintialue).
mask-position Asetetaan peittävän kuvan alkuperäinen sijainti (suhteessa peittävän sijaintialueeseen).
mask-repeat Määritellään peittävän kuvan koko.
mask-size Määritellään SVG mask-type
Elementti käsitellään valon peittävänä tai alpha-peittävänä. max-height
Asetetaan elementin suurin korkeus. max-width
Asetetaan elementin suurin leveys. @media
Asetetaan tyylejä eri mediatyypille, laitteelle ja koolle. Asetetaan elementin suurin kokoonpano lohkoissa.
max-inline-size Asetetaan elementin suurin kokoonpano rivejä suuntaan.
min-block-size Asetetaan elementin pienin kokoonpano lohkoissa.
min-inline-size Asetetaan elementin pienin kokoonpano rivejä suuntaan.
min-height Asetetaan elementin pienin korkeus.
min-width Asetetaan elementin pienin leveys.
mix-blend-mode Määritellään, miten elementin sisältö sekoittuu suoraan yhdistettyjen vanhempien taustan kanssa.

N

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

O

object-fit Määritellään, miten korvattavan elementin sisältö sopii sen käytettävän korkeuden ja leveyden mukaiseen kehään.
object-position Määrittää korvaavan elementin kohdistuksen kehässä.
offset

Seuraavilla ominaisuuksilla on lyhennetty muoto:
offset-anchor Määrittää elementin kiinnitetyn pisteen polulla.
offset-distance Määrittää animaatioelementin sijainnin polulla.
offset-path Määrittää elementin polun suhteen.
offset-position Määrittää elementin alkuperäisen sijainnin polun suhteen.
offset-rotate Määrittää elementin pyörimisen polun suhteen.
opacity Asettaa elementin läpinäkyvyyden tason.
order Asettaa joustavan projektin muiden projektien suhteellisen järjestyksen.
orphans Asettaa vähimmäismäärän rivejä, jotka täytyy säilyttää sivun tai palstan alaosassa.
orphans Asettaa vähimmäismäärän rivejä, jotka täytyy säilyttää sivun alaosassa.
outline outline-width, outline-style ja outline-color ominaisuuksien lyhenteenä.
outline-color Asettaa reunuksen värin.
outline-offset Siirtää reunusta ja piirtää sen reunan ulkopuolelle.
outline-style Asettaa reunuksen tyylin.
outline-width Asettaa reunuksen leveyden.
overflow Määrittää, mitä tapahtuu, jos sisältö ylittää elementin kehän.
overflow-anchor Määrittää, tulisiko näyttää uusi sisältö, kun se ladataan liukuvassa konttorissa.
overflow-wrap Määrittää, voiko selain katkaista pitkän sanan, jos se ylittää konttorin.
overflow-wrap Määrittää, onko selain mahdollisesti riveittäen sanan sisällä estääksensä ylityön (kun merkkijono on liian pitkä eikä sopeudu sisältävään kehää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 ylituuttuvaa liikkumista.
overscroll-behavior-block Määrittää, onko palstoja kohti liukuketjua tai ylituuttuvaa liikkumista.
overscroll-behavior-inline Määrittää, onko rivejä kohti liukuketjua tai ylituuttuvaa liikkumista.
overscroll-behavior-x Määrittää, onko x-akselilla liukuketjua tai ylituuttuvaa liikkumista.
overscroll-behavior-y Määrittää, onko y-akselilla liukuketjua tai ylituuttuvaa liikkumista.

P

padding Kaikki padding-* ominaisuudet lyhenteenä.
padding-block Määritä sisäinen marginaali lohkon suuntaisesti.
padding-block-end Määritä sisäinen marginaali lohkon suuntaisesti loppupisteessä.
padding-block-start Määritä sisäinen marginaali lohkon suuntaisesti alkupisteessä.
padding-bottom Aseta elementin alasijainen marginaali.
padding-inline Määritä sisäinen marginaali rivin suuntaisesti.
padding-inline-end Määritä sisäinen marginaali rivin suuntaisesti loppupisteessä.
padding-inline-start Määritä sisäinen marginaali rivin suuntaisesti alkupisteessä.
padding-left Aseta elementin vasen sisäinen marginaali.
padding-right Aseta elementin oikea sisäinen marginaali.
padding-top Aseta elementin yläsisäinen marginaali.
@page Määritä tulostettavan sivun mitat, suunta ja marginaalit.
page-break-after Aseta elementin takana olevan sivutus (page-break) käyttäytyminen.
page-break-before Aseta elementin edessä olevan sivutus (page-break) käyttäytyminen.
page-break-inside Aseta elementin sisällä olevan sivutus (page-break) käyttäytyminen.
paint-order Aseta SVG-elementin tai tekstin piirtymisjärjestys.
perspective Tarjoa perspektiiviä 3D-sijoitetulle elementille.
perspective-origin Määritä käyttäjän katselukohde 3D-sijoitetulle elementille.
place-content Määritä flexbox- ja ruudukkoasettelun align-content- ja justify-content-ominaisuuksien arvot.
place-items Määritä ruudukkoasettelun align-items- ja justify-items-ominaisuuksien arvot.
place-self Määritä ruudukkoasettelun align-self- ja justify-self-ominaisuuksien arvot.
pointer-events Määritä, reagoiko elementti osoittimen tapahtumiin.
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ä voi ja miten hän voi muuttaa elementin kokoa.
right Määritä sijoitettavan elementin vasemman reunan sijainti.
rotate Määritä elementin pyöriminen.
row-gap Määritä ruudukon rivien välinen aukko.

S

scale Määritä elementin koko laajentamalla tai pienentämällä.
@scope Salli sinun valita tietyn DOM-alipuun elementtiä ja sijoittaa elementti tarkasti ilman liian tarkkaa valitsinta.
scroll-behavior Määritä, pyöriikö rullaus sujuvasti vai suoraan.
scroll-margin Määritä ulkoreuna, joka on ylätunnisteen ja säiliön välillä.
scroll-margin-block Määritä ulkoreuna, joka on alatunnisteen ja säiliön välillä suuntaa vastapäivään.
scroll-margin-block-end Määritä ulkoreuna, joka on alatunnisteen loppupäästä säiliön loppupääseen.
scroll-margin-block-start Määritä ulkoreuna, joka on alatunnisteen alkupäästä säiliön alkupääseen.
scroll-margin-bottom Määritä ulkoreuna, joka on alatunnisteen ja säiliön välillä.
scroll-margin-inline Määritä ulkoreuna, joka on ylätunnisteen ja säiliön välillä suuntaa myötäpäivään.
scroll-margin-inline-end Määritä ulkoreuna, joka on ylätunnisteen loppupäästä säiliön loppupääseen.
scroll-margin-inline-start Määritä ulkoreuna, joka on ylätunnisteen alkupäästä säiliön alkupääseen.
scroll-margin-left Määritä ulkoreuna, joka on vasemman ylätunnisteen ja säiliön välillä.
scroll-margin-right Määritä ulkoreuna, joka on oikean ylätunnisteen ja säiliön välillä.
scroll-margin-top Määritä ulkoreuna, joka on ylätunnisteen ja säiliön välillä.
scroll-padding Määritä etäisyys, joka on säiliöstä lapsen imusijaintiin.
scroll-padding-block Määritä etäisyys, joka on säiliöstä lapsen imusijaintiin suuntaa vastapäivään.
scroll-padding-block-end Määritä etäisyys, joka on säiliön loppupäästä lapsen imusijaintiin suuntaa vastapäivään.
scroll-padding-block-start Määritä etäisyys, joka on säiliön alkupäästä lapsen imusijaintiin suuntaa vastapäivään.
scroll-padding-bottom Määritä etäisyys, joka on säiliön pohjasta lapsen imusijaintiin.
scroll-padding-inline Määritä etäisyys, joka on säiliöstä lapsen imusijaintiin suuntaa myötäpäivään.
scroll-padding-inline-end Määritä etäisyys, joka on säiliön loppupäästä lapsen imusijaintiin suuntaa myötäpäivään.
scroll-padding-inline-start Määritä etäisyys, joka on säiliön alkupäästä lapsen imusijaintiin suuntaa myötäpäivään.
scroll-padding-left Määritellään konttorin vasemmanreunan ja lapsielementin kiinnityspaikan välinen etäisyys.
scroll-padding-right Määritellään konttorin oikeanreunan ja lapsielementin kiinnityspaikan välinen etäisyys.
scroll-padding-top Määritellään konttorin yläreunan ja lapsielementin kiinnityspaikan välinen etäisyys.
scroll-snap-align Määritellään elementin sijainti, kun käyttäjä lopettaa pyyhkäisyn.
scroll-snap-stop Määritellään pyyhkäisyn jälkeen tapahtuva pyyhkäisy.
scroll-snap-type Määritellään pyyhkäisyn aikainen kiinnitys.
scrollbar-color Määritellään elementin pyyhkäisysäiden väri.
shape-outside Määritellään rivin sisällön ympäröivän muodon.
@starting-style Määritellään elementin alkuperäinen tyyli ensimmäisen tyylin päivityksen jälkeen.
@supports Testataan, tukeeko selain tietyn CSS-ominaisuuden.

T

tab-size Määritellään tabulaattorin leveys.
table-layout Määritellään algoritmi, jota käytetään solujen, riviä ja sarakkeita varten.
text-align Määritellään tekstin horisontaalinen kohdistus.
text-align-last Kuvaillaan, miten kohdistetaan viimeinen rivi lohkon tai rivin peräpäähän ennen pakottavaa rivinvaihtoa, kun text-align on "justify".
text-combine-upright Yhdistetään useat merkit yhteen merkin tilaan.
text-decoration Määritellään tekstin korostus (text-decoration).
text-decoration-color Määritellään tekstin korostuksen (text-decoration) väri.
text-decoration-line Määritellään tekstin korostuksen (text-decoration) linjatyyppi.
text-decoration-style Määritellään tekstin korostuksen (text-decoration) rivityyli.
text-decoration-thickness Määritellään korostuslinjan (korostuslinja) paksuus.
text-emphasis

Seuraavilla ominaisuuksilla on lyhennetty muoto:
text-emphasis-color Määritellään korostusmerkin (korostusmerkki) väri.
text-emphasis-position Määritellään korostusmerkin (korostusmerkki) sijainti.
text-emphasis-style Määritellään korostusmerkin (korostusmerkki) tyyli.
text-indent Määritellään tekstipalikan (text-block) ensimmäisen rivin sisennys.
text-justify Määritellään kohdistusmenetelmä, jota käytetään, kun text-align on "justify".
text-orientation Määrittää 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 Hallitsee tekstin ison kirjainten muotoa.
text-underline-offset Määritä alleviivauksen tekstin korostuksen siirtymäetäisyys.
text-underline-position Määritä alleviivauksen tekstin korostuksen sijainti.
top Määritä sijoitetun elementin yläosan sijainti.
transform Soveltaa 2D- tai 3D-muunnosta elementtiin.
transform-origin Sallii elementin sijainnin muuttamisen.
transform-style Määritä, miten sisäänrakennetut elementit piirretään 3D-tilassa.
transition 所有 transition-* -ominaisuuksien lyhennetty ominaisuus.
transition-delay Määritä过渡效果何时开始。
transition-duration Määritä过渡效果所需的秒或毫秒数。
transition-property Määritä过渡效果对应的 CSS-ominaisuuksien nimi.
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 toisen kiel-version samassa asiakirjassa.
user-select Määritä, voidaanko elementin tekstiä valita.

V

vertical-align Aseta elementin vertikaalinen kohdistus.
visibility Määritä, näkyykö elementti.

W

white-space Määritä, miten elementin sisällä olevat välilyönnit käsitellään.
widows Aseta, kuinka monta minimiriviä on säilytettävä sivun tai sarjan yläosassa.
widows Aseta, kuinka monta minimiriviä on säilytettävä sivun yläosassa, 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 sanavälistä.
word-wrap Sallii pitkien, ei-kylläkkymättömien sanojen siirtymisen seuraavalle riville.
writing-mode Määritä, onko tekstin rivi horisontaalinen vai vertikaalinen.

Z

z-index Aseta sijoitettujen elementtien kerrosjärjestys.
zoom Määritä elementin skaalauksen tekijä. Elementti voi suurentaa ja pienentää.