CSS Lastnosti
CSS Lastnosti se uporabljajo za nastavitev sloga ali dodeljevanja obnašanja HTML elementov. Lastnosti vsebujejo dva dela, in sicer prvi del je property_name, drugi pa property_value. Vrednosti se pišejo v dvojnih narekovajih (""). Zavedati se je potrebno, da vsaka napaka v definiciji lastnosti, razveljavi celotno CSS pravilo. Brskalnik ignorira neveljavna pravila, kar pomeni, da ne bo prikazal nobenega sloga, če se bo pojavila napaka. Upoštevati moramo, da definicije CSS pravil v celoti temeljijo na besedilu, medtem ko DOM-CSS/CSSOM (sistem za upravljanje pravil) temelji na objektih.
Najdeno: –
| A | ||
|---|---|---|
| accent-color | Podaja barvo naglasa za kontrolnike uporabniškega vmesnika. | Glej primer |
| align-content | Podaja poravnavo med vrsticami znotraj prilagodljivega zabojnika, ko predmeti ne zasedejo vsega razpoložljivega prostora. | Glej primer |
| align-items | Podaja poravnavo za elemente znotraj prilagodljivega vsebnika. | Glej primer |
| align-self | Podaja poravnavo za izbrane elemente znotraj prilagodljivega vsebnika. | Glej primer |
| all | Ponastavi vse lastnosti, razen unicode-bidi in smeri. | Glej primer |
| animation | Kratka lastnost za vse lastnosti animation–* | Glej primer |
| animation-delay | Določa začetek animacije. | Glej primer |
| animation-direction | Določa, v katero smer predvajanja animacija. | Glej primer |
| animation-duration | Določa koliko časa naj animacija traja. | Glej primer |
| animation-fill-mode | Določa slog za element, ko se animacija ne predvaja. | Glej primer |
| animation-iteration-count | Določa kolikokrat naj se animacija predvaja. | Glej primer |
| animation-name | Podaja ime za animacijo. | Glej primer |
| animation-play-state | Določa ali se animacija izvaja ali ne. | Glej primer |
| animation-timing-function | Podaja krivuljo hitrosti animacije. | Glej primer |
| aspect-ratio | Določa želeno razmerje stranic elementa. | Glej primer |
| B | ||
| backdrop-filter | Definira grafični učinek na območju za elementom. | Glej primer |
| backface-visibility | Določa, ali mora biti zadnja stran elementa vidna, ko je obrnjen proti uporabniku. | Glej primer |
| background | Skrajšana lastnost za vse lastnosti ozadja (background-*). | Glej primer |
| background-attachment | Nastavi ali se slika ozadja premika skupaj s preostankom strani ali je fiksna. | Glej primer |
| background-blend-mode | Določa način mešanja vsake plasti ozadja. | Glej primer |
| background-clip | Določa, kako daleč naj sega ozadje. | Glej primer |
| background-color | Določa barvo ozadja. | Glej primer |
| background-image | Določa eno ali več slik ozadja za element. | Glej primer |
| background-origin | Podaja izvorni položaj slike ozadja. | Glej primer |
| background-position | Določa položaj slike ozadja. | Glej primer |
| background-position-x | Določa položaj slike ozadja na X osi. | Glej primer |
| background-position-y | Določa položaj slike ozadja na Y osi. | Glej primer |
| background-repeat | Nastavi, če/kako se bo slika ozadja ponavljala. | Glej primer |
| background-size | Določa velikost slike ozadja. | Glej primer |
| block-size | Podaja velikost elementa v smeri bloka. | Glej primer |
| border | Kratka lastnost za border-width, border-style in border-color. | Glej primer |
| border-block | Kratka lastnost za border-block-width, border-block-style in border-block-color. | Glej primer |
| border-block-color | Nastavi barvo robov na začetku in koncu v smeri bloka. | Glej primer |
| border-block-end | Skrajšana lastnost za border-block-end-width, border-block-end-style in border-block-end-color. | Glej primer |
| border-block-end-color | Nastavi barvo obrobe na koncu v smeri bloka. | Glej primer |
| border-block-end-style | Nastavi slog obrobe na koncu v smeri bloka. | Glej primer |
| border-block-end-width | Nastavi širino obrobe na koncu v smeri bloka. | Glej primer |
| border-block-start | Kratka lastnost za border-block-start-width, border-block-start-style in border-block-start-color. | Glej primer |
| border-block-start-color | Nastavi barvo obrobe na začetku v smeri bloka. | Glej primer |
| border-block-start-style | Nastavi slog obrobe na začetku v smeri bloka. | Glej primer |
| border-block-start-width | Nastavi širino obrobe na začetku v smeri bloka. | Glej primer |
| border-block-style | Nastavi slog obrob. | Glej primer |
| border-block-width | Nastavi širino obrob. | Glej primer |
| border-bottom | Kratka lastnost za določitev širine, sloga in barve spodnje obrobe. | Glej primer |
| border-bottom-color | Nastavi barvo spodnje obrobe. | Glej primer |
| border-bottom-left-radius | Določa polmer obrobe spodnjega levega kota. | Glej primer |
| border-bottom-right-radius | Določa polmer obrobe spodnjega desnega kota. | Glej primer |
| border-bottom-style | Nastavi slog spodnje obrobe. | Glej primer |
| border-bottom-width | Nastavi širino spodnje obrobe. | Glej primer |
| border-collapse | Nastavi ali naj se obrobe tabele strnejo v eno ali naj bodo ločene. | Glej primer |
| border-color | Nastavi barvo štirih robov. | Glej primer |
| border-end-end-radius | Nastavi polmer kota med stranjo konca bloka in stranjo konca v smeri elementa. | Glej primer |
| border-end-start-radius | Nastavi polmer kota med stranjo konca bloka in stranjo začetka v smeri elementa. | Glej primer |
| border-image | Skrajša lastnost za vse border-image lastnosti. | Glej primer |
| border-image-outset | Podaja obseg, za katerega območje obrobe slike sega čez okvir obrobe. | Glej primer |
| border-image-repeat | Določa ali naj bo slika obrobe ponovljena, zaokrožena ali raztegnjena. | Glej primer |
| border-image-slice | Določa, kako razrezati sliko obrobe. | Glej primer |
| border-image-source | Podaja pot do slike, ki bo uporabljena kot obroba. | Glej primer |
| border-image-width | Določa širino slike obrobe. | Glej primer |
| border-inline | Kratka lastnost, ki združuje širino, slog in barvo obrobe. | Glej primer |
| border-inline-color | Nastavi barvo obrobe na začetku in koncu v smeri vrstice. | Glej primer |
| border-inline-end | Kratka lastnost za širino, slog in barvo obrobe. | Glej primer |
| border-inline-end-color | Nastavi barvo obrobe na koncu elementa. | Glej primer |
| border-inline-end-style | Nastavi slog obrobe na koncu elementa. | Glej primer |
| border-inline-end-width | Nastavi širino obrobe na koncu elementa. | Glej primer |
| border-inline-start | Kratka lastnost za širino, slog in barvo obrobe. | Glej primer |
| border-inline-start-color | Nastavi barvo obrobe na začetku elementa. | Glej primer |
| border-inline-start-style | Nastavi slog obrobe na začetku elementa. | Glej primer |
| border-inline-start-width | Nastavi širino obrobe na začetku elementa. | Glej primer |
| border-inline-style | Nastavi slog obrob na začetku in kocu elementa. | Glej primer |
| border-inline-width | Nastavi širino obrob na začetku in kocu elementa. | Glej primer |
| border-left | Skrajšana lastnost za lastnosti širine, sloga in barve elementa. | Glej primer |
| border-left-color | Nastavi barvo leve obrobe elementa. | Glej primer |
| border-left-style | Nastavi slog leve obrobe elementa. | Glej primer |
| border-left-width | Nastavi širino leve obrobe elementa. | Glej primer |
| border-radius | Skrajšana lastnost za vse štiri kote elementa. | Glej primer |
| border-right | Skrajšana lastnost za širino, slog in barvo desne obrobe. | Glej primer |
| border-right-color | Nastavi barvo desne obrobe. | Glej primer |
| border-right-style | Nastavi slog desne obrobe. | Glej primer |
| border-right-width | Nastavi širino desne obrobe. | Glej primer |
| border-spacing | Nastavi razdaljo med mejami sosednjih celic v tabeli. | Glej primer |
| border-start-end-radius | Nastavi polmer vogala med stranjo začetka in konca bloka v vrstici elementa. | Glej primer |
| border-start-start-radius | Nastavi polmer vogala med začetno in končno stranjo bloka v vrstici elementa. | Glej primer |
| border-style | Nastavi slog štirih obrob. | Glej primer |
| border-top | Skrajšana lastnost za širino, slog in barvo zgornje obrobe. | Glej primer |
| border-top-color | Nastavi barvo zgornje obrobe. | Glej primer |
| border-top-left-radius | Določi polmer zgornje obrobe levega kota. | Glej primer |
| border-top-right-radius | Določi polmer zgornje obrobe desnega kota. | Glej primer |
| border-top-style | Nastavi slog zgornje obrobe. | Glej primer |
| border-top-width | Nastavi širino zgornje obrobe. | Glej primer |
| border-width | Nastavi širino štirih obrob. | Glej primer |
| bottom | Nastavi položaj elementov od dna (bottom) nadrejenega elementa. | Glej primer |
| box-decoration-break | Nastavi vedenje ozadja in obrobe elementa pri prelomu strani ali za elemente v vrstici, pri prelomu vrstice. | Glej primer |
| box-reflect | Lastnost se uporablja za ustvarjanje odseva elementa. | Glej primer |
| box-shadow | Elementu pripne eno ali več senc. | Glej primer |
| box-sizing | Določa, kako se izračuna širina in višina elementa. | Glej primer |
| break-after | Določa ali naj se za določenim elementom pojavi prelom strani, stolpca ali območja. | Glej primer |
| break-before | Določa ali naj se pred določenim elementom pojavi prelom strani, stolpca ali območja. | Glej primer |
| break-inside | Določa ali naj se znotraj določenega elementa pojavi prelom strani, stolpca ali območja. | Glej primer |
| C | ||
| caption-side | Podaja postavitev napisa tabele. | Glej primer |
| caret-color | Določa barvo kazalca v elementih, ki jih je mogoče urejati. | Glej primer |
| charset | Določi kodiranje znakov, uporabljenih v slogovnem listu. | Glej primer |
| clear | Določa, kaj naj se zgodi z elementom poleg plavajočega elementa. | Glej primer |
| clip-path | Pripne element na osnovno obliko ali na SVG vir. | Glej primer |
| color | Nastavi barvo besedila. | Glej primer |
| column-count | Določa število stolpcev, med katere naj bo razdeljen element. | Glej primer |
| column-fill | Določa, kako zapolniti stolpce, uravnotežene ali ne. | Glej primer |
| column-gap | Določa prostor med stolpci. | Glej primer |
| column-rule | Skrajšana lastnost za lastnosti column-rule (slo. Pravilo stolpca). | Glej primer |
| column-rule-color | Določa barvo pravila med stolpci. | Glej primer |
| column-rule-style | Določa slog pravila med stolpci. | Glej primer |
| column-rule-width | Določa širino pravila med stolpci. | Glej primer |
| column-span | Določa, koliko stolpcev naj obsega element. | Glej primer |
| column-width | Določa širino stolpca. | Glej primer |
| columns | Kratka lastnost za column-width in column-count. | Glej primer |
| conic-gradient() | Funkcija za ustvarjanje stožčastega barvnega prehoda, kjer barve rotirajo okoli središčne točke. | Glej primer |
| content | Se uporablja s psevdo-elementoma before in after. | Glej primer |
| counter-increment | Poveča ali zmanjša vrednost enega ali več CSS števcev. | Glej primer |
| counter-reset | Ustvari ali ponastavi enega ali več CSS števcev. | Glej primer |
| counter-set | Ustvari in nastavi enega ali več CSS števcev. | Glej primer |
| cursor | Določa kazalec miške, ki naj bo prikazan, ko kažemo na element. | Glej primer |
| D | ||
| direction | Določa smer besedila ali smer pisanja. | Glej primer |
| display | Določa, kako naj bo določen HTML element prikazan. | Glej primer |
| E | ||
| empty-cells | Določa ali želimo prikazati obrobe in ozadje praznih celic v tabeli. | Glej primer |
| F | ||
| filter | Določa učinke na elementu, preden je ta prikazan. | Glej primer |
| flex | Skrajšana lastnost za flex-grow, flex-shrink in flex-basis. | Glej primer |
| flex-basis | Določa začetno dolžino prilagodljivega elementa. | Glej primer |
| flex-direction | Določa smer upogljivih elementov. | Glej primer |
| flex-flow | Skrajšana lastnost za lastnosti flex-direction in flex-wrap. | Glej primer |
| flex-grow | Določa koliko bo element zrasel, glede na ostale elemente. | Glej primer |
| flex-shrink | Določa, kako se bo element skrčil glede na ostale elemente. | Glej primer |
| flex-wrap | Podaja ali naj se upogljivi elementi zavijejo ali ne. | Glej primer |
| float | Določa ali naj element lebdi (float) v levo, desno ali sploh ne. | Glej primer |
| font | Skrajšana lastnost za lastnosti sloga, različice in družine pisav. | Glej primer |
| font-face | Pravilo, ki spletnim mestom dovoljuje prenos in uporabo pisav. | Glej primer |
| font-family | Določa družino pisav. | Glej primer |
| font-feature-settings | Omogoča nadzor nad naprednimi tipografskimi funkcijami v pisavah OpenType. | Glej primer |
| font-kerning | Nadzoruje uporabo informacij o razporeditvi črk. | Glej primer |
| font-size | Določa velikost pisave. | Glej primer |
| font-size-adjust | Ohranja berljivost besedila, ko pride do zamenjave pisave. | Glej primer |
| font-stretch | Izbere običajno, zgoščeno ali razširjeno pisavo iz družine pisav. | Glej primer |
| font-style | Določa slog pisave. | Glej primer |
| font-variant | Določa ali naj bo besedilo prikazano v pisavi z malimi velikimi črkami ali ne. | Glej primer |
| font-variant-caps | Nadzoruje uporabo nadomestnih glifov za velike črke. | Glej primer |
| font-weight | Določa težo pisave. | Glej primer |
| G | ||
| gap | Skrajšana lastnost za row-gap in column-gap lastnosti. | Glej primer |
| grid | Skrajšana lastnost za grid-templates-* in grid-auto-* lastnosti. | Glej primer |
| grid-area | Lahko podaja ime za mrežno postavko ali pa se ta lastnost uporabi kot skrajšana lastnost za grid-row-start, grid-column-start, grid-row-end in grid-column-end lastnosti. | Glej primer |
| grid-auto-columns | Določa privzeto velikost stolpca. | Glej primer |
| grid-auto-flow | Določa, kako so samodejno umeščeni elementi vstavljeni v mrežo. | Glej primer |
| grid-auto-rows | Določa privzeto velikost vrstice. | Glej primer |
| grid-column | Kratka lastnost za grid-column-start in grid-column-end lastnosti. | Glej primer |
| grid-column-end | Določa, kje naj se konča element mreže. | Glej primer |
| grid-column-gap | Določa velikost prostora med stolpci. | Glej primer |
| grid-column-start | Določa, kje začeti element mreže. | Glej primer |
| grid-gap | Skrajšana lastnost za grid-row-gap in grid-column-gap lastnosti. | Glej primer |
| grid-row | Skrajšana lastnost za grid-row-start in grid-row-end lastnosti. | Glej primer |
| grid-row-end | Določa, kje naj se konča mrežni element. | Glej primer |
| grid-row-gap | Določa velikost prostora med vrsticami. | Glej primer |
| grid-row-start | Določa, kje začeti element mreže. | Glej primer |
| grid-template | Skrajšana lastnost za grid-template-rows, grid-template-columns in grid-areas lastnosti. | Glej primer |
| grid-template-areas | Določa, kako prikazati stolpce in vrstice z uporabo poimenovanih postavk mreže. | Glej primer |
| grid-template-columns | Določa velikost stolpcev in število stolpcev v postavitvi mreže. | Glej primer |
| grid-template-rows | Določa velikost vrstic v mrežni postavki. | Glej primer |
| H | ||
| hanging-punctuation | Določa ali se ločilo lahko postavi izven vrstičnega polja. | Glej primer |
| height | Nastavi višino elementa. | Glej primer |
| hyphens | Nastavi, kako razdeliti besede za izboljšanje postavitve besedila. | Glej primer |
| hyphenate-character | Nastavi znak, uporabljen na koncu vrstice, pred prelomom vezaja. | Glej primer |
| I | ||
| image-rendering | Določa vrsto algoritma, ki se uporablja za povečanje ali zmanjšanje slike. | Glej primer |
| import | Omogoča uvoz slogovne datoteke v drugo slogovno datoteko. | Glej primer |
| inherit | Določa, da mora lastnost podedovati svojo vrednost od nadrejenega elementa. | Glej primer |
| initial | Se uporablja za nastavitev CSS lastnosti na privzeto vrednost. | Glej primer |
| inline-size | Podaja velikost elementa v smeri inline. | Glej primer |
| inset | Določa razdaljo med elementom in nadrejenim elementom. | Glej primer |
| inset-block | Določa razdaljo med elementom in nadrejenim elementom v smeri bloka. | Glej primer |
| inset-block-end | Določa razdaljo med koncem elementa in nadrejenim elementom v smeri bloka. | Glej primer |
| inset-block-start | Določa razdaljo med začetkom elementa in nadrejenim elementom v smeri bloka. | Glej primer |
| inset-inline | Določa razdaljo med elementom in nadrejenim elementom v smeri vrstice. | Glej primer |
| inset-inline-end | Določa razdaljo med koncem elementa in nadrejenim elementom v smeri vrstice. | Glej primer |
| inset-inline-start | Določa razdaljo med začetkom elementa in nadrejenim elementom v smeri vrstice. | Glej primer |
| isolation | Določa, ali mora element ustvariti novo vsebino zlaganja. | Glej primer |
| J | ||
| justify-content | Podaja poravnavo med elementi znotraj prilagodljivega vsebnika, ko elementi ne uporabljajo vsega razpoložljivega prostora. | Glej primer |
| justify-items | Je nastavljen na vsebniku (ang. Container) mreže. Podaja poravnavo elementov mreže v smeri v vrstici. | Glej primer |
| justify-self | Je nastavljen na postavki (ang. Item) mreže. Podaja poravnavo elementa mreže v smeri v vrstici. | Glej primer |
| K | ||
| keyframes | Določa kodo animacije. | Glej primer |
| L | ||
| left | Določi levi položaj pozicioniranega elementa. | Glej primer |
| letter-spacing | Poveča ali zmanjša presledek med znaki v besedilu. | Glej primer |
| line-break | Določa, kako prekiniti vrstice. | Glej primer |
| linear-gradient() | Funkcija za ustvarjanje linearnega barvnega prehoda. | Glej primer |
| line-height | Nastavi višino vrstice. | Glej primer |
| list-style | Nastavi vse lastnosti za seznam v eni deklaraciji. | Glej primer |
| list-style-image | Določi sliko kot ozadje elementa seznama. | Glej primer |
| list-style-position | Določi položaj označevalcev elementov seznama. | Glej primer |
| list-style-type | Določa vrsto oznake elementa seznama. | Glej primer |
| M | ||
| margin | Nastavi vse lastnosti robov v eni deklaraciji. | Glej primer |
| margin-block | Podaja rob v smeri bloka. | Glej primer |
| margin-block-end | Določa rob na spodnjem delu elementa v smeri bloka. | Glej primer |
| margin-block-start | Določa rob na zgornjem delu elementa v smeri bloka. | Glej primer |
| margin-bottom | Nastavi spodnji rob elementa. | Glej primer |
| margin-inline | Določa rob elementa v smeri vrstice. | Glej primer |
| margin-inline-end | Določa rob na koncu elementa v smeri vrstice. | Glej primer |
| margin-inline-start | Določa rob na začetku elementa v smeri vrstice. | Glej primer |
| margin-left | Nastavi levi rob elementa. | Glej primer |
| margin-right | Nastavi desni rob elementa. | Glej primer |
| margin-top | Nastavi zgornji rob elementa. | Glej primer |
| mask | Skrije dele elementa tako, da prikrije ali izreže sliko na določenih mestih. | Glej primer |
| mask-clip | Določa območje maske. | Glej primer |
| mask-composite | Predstavlja operacijo sestavljanja, uporabljeno na trenutnem sloju maske s sloji maske pod njim. | Glej primer |
| mask-image | Določa sliko, ki bo uporabljena kot sloj maske za element. | Glej primer |
| mask-mode | Določa, ali se slika sloja maske obravnava kot maska svetilnosti ali kot maska alfa. | Glej primer |
| mask-origin | Določa položaj izvora slike plasti maske. | Glej primer |
| mask-position | Nastavi začetni položaj slike sloja maske. | Glej primer |
| mask-repeat | Določa ponavljanje slike. | Glej primer |
| mask-size | Določa velikost slike sloja maske. | Glej primer |
| max-height | Nastavi največjo višino elementa. | Glej primer |
| max-width | Nastavi najvišjo širino elementa. | Glej primer |
| media | Določa nabor slogov za različne medije/naprave, ki uporabljajo medijske poizvedbe. | Glej primer |
| max-block-size | Nastavi največjo velikost elementa v smeri bloka. | Glej primer |
| max-inline-size | Nastavi največjo velikost elementa v smeri vrstice. | Glej primer |
| min-block-size | Nastavi najmanjšo velikost elementa v smeri bloka. | Glej primer |
| min-inline-size | Nastavi najmanjšo velikost elementa v smeri vrstice. | Glej primer |
| min-height | Nastavi najmanjšo višino elementa. | Glej primer |
| min-width | Nastavi najmanjšo širino elementa. | Glej primer |
| mix-blend-mode | Določa, kako naj se vsebina elementa zlije z neposrednim nadrejenim ozadjem. | Glej primer |
| O | ||
| object-fit | Določa, kako naj bo vsebina elementa nameščena v polje, določeno glede na njegovo uporabljeno višino in širino. | Glej primer |
| object-position | Določa poravnavo nadomeščenega elementa v njegovem polju. | Glej primer |
| offset | Je okrajšava in določa, kako animirati element vzdolž poti. | Glej primer |
| offset-anchor | Podaja točko na elementu, ki je fiksirana pot, po kateri je animirana. | Glej primer |
| offset-distance | Podaja položaj vzdolž poti, kjer je postavljen animirani element. | Glej primer |
| offset-path | Določa pot, po kateri je element animiran. | Glej primer |
| offset-rotate | Podaja vrtenje elementa, ko je animiran vzdolž poti. | Glej primer |
| opacity | Nastavi stopnjo motnosti za element. | Glej primer |
| order | Nastavi vrstni red prilagodljivih elementov. | Glej primer |
| orphans | Nastavi najmanjše število vrstic, ki morajo ostati na dnu strani ali stolpca. | Glej primer |
| outline | Skrajšana lastnost za širino, slog in barvo obrisa. | Glej primer |
| outline-color | Nastavi barvo obrisa. | Glej primer |
| outline-offset | Zamakne obris in ga nariše čez mejo obrobe. | Glej primer |
| outline-style | Nastavi slog obrisa. | Glej primer |
| outline-width | Nastavi širino obrisa. | Glej primer |
| overflow | Določa, kaj se zgodi, če vsebina preseže višino elementa. | Glej primer |
| overflow-anchor | Določa, ali naj bo vsebina v vidnem območju v vsebniku, ki ga je mogoče premikati, pritisnjena navzdol, ko je nova vsebina naložena zgoraj. | Glej primer |
| overflow-wrap | Določa, ali brskalnik lahko prekine vrstice z dolgimi besedami, če te presežejo zabojnik. | Glej primer |
| overflow-x | Določa, ali naj se izreže levi/desni rob vsebine, če ta prelije območje vsebine elementa. | Glej primer |
| overflow-y | Določa, ali naj se izreže zgornji/spodnji rob vsebine, če ta prelije območje vsebine elementa. | Glej primer |
| overscroll-behavior | Določa možnost verižnega drsenja v vodoravni in navpični smeri. | Glej primer |
| overscroll-behavior-x | Določa, ali naj bo možnost veriženja drsenja ali prekomernega drsenja v vodoravni smeri. | Glej primer |
| overscroll-behavior-y | Določa, ali naj bo možnost veriženja drsenja ali prekomernega drsenja v navpični smeri. | Glej primer |
| P | ||
| padding | Skrajšana lastnost za vse padding-* lastnosti. | Glej primer |
| padding-block | Določa odmik elementa na začetku in koncu, v smeri bloka. | Glej primer |
| padding-block-end | Določa odmik na koncu (spodnji del) elementa, v smeri bloka. | Glej primer |
| padding-block-start | Določa odmik na začetku (vrhu) elementa, v smeri bloka. | Glej primer |
| padding-bottom | Določi spodnji odmik od elementa. | Glej primer |
| padding-inline | Določa odmik elementa na začetku in koncu, v smeri vrstice. | Glej primer |
| padding-inline-end | Določi odmik na koncu (desno od) elementa v smeri vrstice. | Glej primer |
| padding-inline-start | Določi odmik na začetku (levo od) elementa v smeri vrstice. | Glej primer |
| padding-left | Nastavi levi odmik elementa. | Glej primer |
| padding-right | Nastavi desni odmik elementa. | Glej primer |
| padding-top | Nastavi zgornji odmik elementa. | Glej primer |
| page-break-after | Nastavi vedenje preloma strani za elementom. | Glej primer |
| page-break-before | Nastavi vedenje preloma strani pred elementom. | Glej primer |
| page-break-inside | Nastavi vedenje preloma strani znotraj elementa. | Glej primer |
| paint-order | Nastavi vrstni red SVG elementa ali besedila. | Glej primer |
| perspective | Elementu, postavljenem v 3D, daje nekaj perspektive. | Glej primer |
| perspective-origin | Določa položaj, na katerem uporabniki gledamo 3D pozicionirani element. | Glej primer |
| place-content | Dodaja vrednost lastnosti align-content in justify-content za flexbox in mrežne postavitve. | Glej primer |
| place-items | Dodaja vrednost lastnosti align-items in justify-items za mrežne postavitve. | Glej primer |
| place-self | Določa vrednost lastnosti align-self in justify-self za mrežne postavitve. | Glej primer |
| pointer-events | Določa, ali naj se element odziva na dogodke kazalca ali ne. | Glej primer |
| position | Določa vrsto metode pozicioniranja, ki se uporablja za elemente. | Glej primer |
| Q | ||
| quotes | Nastavi vrsto narekovajev za narekovanje. | Glej primer |
| R | ||
| radial-gradient() | Funkcija za ustvarjanje krožnega ali elipsastega barvnega prehoda, kjer barve izhajajo iz središčne točke. | Glej primer |
| repeating-conic-gradient() | Funkcija za ustvarjanje ponavljajočega stožčastega barvnega prehoda. | Glej primer |
| repeating-linear-gradient() | Funkcija za ustvarjanje ponavljajočega linearnega barvnega prehoda. | Glej primer |
| repeating-radial-gradient() | Funkcija za ustvarjanje ponavljajočega krožnega barvnega prehoda. | Glej primer |
| resize | Določa, ali lahko uporabnik spreminja velikost elementa. | Glej primer |
| revert | Omogoča ponastavitev elementov na njihove privzete vrednosti. | Glej primer |
| right | Določa desni položaj pozicioniranega elementa. | Glej primer |
| rotate | Določa rotacijo elementa. | Glej primer |
| row-gap | Določa prostor med vrsticami mreže. | Glej primer |
| S | ||
| scale | Določa velikost elementa s povečanjem ali zmanjšanjem. | Glej primer |
| scroll-behavior | Določa, ali naj gladko animira položaj drsenja v drsnem polju. | Glej primer |
| scroll-margin | Določa rob med položajem pripenjanja in zabojnikom. | Glej primer |
| scroll-margin-block | Določa rob med položajem pripenjanja in zabojnikom v smeri bloka. | Glej primer |
| scroll-margin-block-end | Določa končni rob med položajem pripenjanja in zabojnikom v smeri bloka. | Glej primer |
| scroll-margin-block-start | Določa začetni rob med položajem pripenjanja in zabojnikom v smeri bloka. | Glej primer |
| scroll-margin-bottom | Določa rob med položajem pripenjanja na spodnji strani in zabojnikom. | Glej primer |
| scroll-margin-inline | Določa rob med položajem pripenjanja in zabojnikom v smeri vrstice. | Glej primer |
| scroll-margin-inline-end | Določa končni rob med položajem pripenjanja in zabojnikom v smeri vrstice. | Glej primer |
| scroll-margin-inline-start | Določa začetni rob med položajem pripenjanja in zabojnikom v smeri vrstice. | Glej primer |
| scroll-margin-left | Določa rob med položajem pripenjanja na levi strani in zabojnikom. | Glej primer |
| scroll-margin-right | Določa rob med položajem pripenjanja na desni strani in zabojnikom. | Glej primer |
| scroll-margin-top | Določa rob med položajem pripenjanja na zgornji strani in zabojnikom. | Glej primer |
| scroll-padding | Določa razdaljo od zabojnika do položaja pripenjanja na podrejenih (child) elementih. | Glej primer |
| scroll-padding-block | Določa razdaljo v smeri bloka od zabojnika do položaja pripenjanja na podrejenih elementih. | Glej primer |
| scroll-padding-block-end | Določa razdaljo v smeri bloka od konca zabojnika do položaja pripenjanja na podrejenih elementih. | Glej primer |
| scroll-padding-block-start | Določa razdaljo v smeri bloka od začetka zabojnika do položaja pripenjanja na podrejenih elementih. | Glej primer |
| scroll-padding-bottom | Določa razdaljo od dna zabojnika do položaja pripenjanja na podrejenih (child) elementih. | Glej primer |
| scroll-padding-inline | Določa razdaljo v smeri vrstice od zabojnika do položaja pripenjanja na podrejenih elementih. | Glej primer |
| scroll-padding-inline-end | Določa razdaljo v smeri vrstice od konca zabojnika do položaja pripenjanja na podrejenih elementih. | Glej primer |
| scroll-padding-inline-start | Določa razdaljo v smeri vrstice od začetka zabojnika do položaja pripenjanja na podrejenih elementih. | Glej primer |
| scroll-padding-left | Določa razdaljo od leve strani zabojnika do položaja pripenjanja na podrejenih (child) elementih. | Glej primer |
| scroll-padding-right | Določa razdaljo od desne strani zabojnika do položaja pripenjanja na podrejenih (child) elementih. | Glej primer |
| scroll-padding-top | Določa razdaljo od vrha zabojnika do položaja pripenjanja na podrejenih (child) elementih. | Glej primer |
| scroll-snap-align | Določa, kam naj postavi elemente, ko se nehamo pomikati (ang. Scrolling) po zabojniku. | Glej primer |
| scroll-snap-stop | Določa obnašanje drsenja po hitrem potegu po sledilni ploščici ali zaslonu na dotik. | Glej primer |
| scroll-snap-type | Določa, kakšno mora biti obnašanje pripenjanja med pomikanjem. | Glej primer |
| scrollbar-color | Določa barvo drsnemu traku elementa. | Glej primer |
| T | ||
| table-layout | Določa algoritem, ki se uporablja za postavitev celic, vrstic in stolpcev tabele. | Glej primer |
| text-align | Določa vodoravno poravnavo besedila. | Glej primer |
| text-align-last | Opisuje, kako je poravnana zadnja vrstica bloka ali vrstica tik pred vsiljenim prelomom vrstice. | Glej primer |
| text-decoration | Določa okras, dodan besedilu. | Glej primer |
| text-decoration-color | Določi barvo besedilne dekoracije. | Glej primer |
| text-decoration-line | Določi vrsto vrstice v besedilni dekoraciji. | Glej primer |
| text-decoration-style | Določi slog črte v besedilni dekoraciji. | Glej primer |
| text-decoration-thickness | Določa debelino okrasne črte. | Glej primer |
| text-emphasis | Kratka lastnost za text-emphasis-style in text-emphasis-color. | Glej primer |
| text-emphasis-color | Določa barvo poudarkov (ang. Emphasis). | Glej primer |
| text-emphasis-position | Določa položaj poudarkov (ang. Emphasis). | Glej primer |
| text-emphasis-style | Določa slog poudarkov (ang. Emphasis). | Glej primer |
| text-indent | Določa zamik prve vrstice v besedilnem bloku. | Glej primer |
| text-justify | Določa metodo poravnave besedila. | Glej primer |
| text-orientation | Določa usmerjenost znakov v vrstici. | Glej primer |
| text-overflow | Določa, kaj naj se zgodi, ko je besedilo daljše od zabojnika. | Glej primer |
| text-shadow | Doda senco besedilu. | Glej primer |
| text-transform | Nadzoruje uporabo velikih črk v besedilu. | Glej primer |
| text-underline-offset | Določa razdaljo odmika dekoracije besedila. | Glej primer |
| text-underline-position | Določa položaj dekoracije podčrtanega besedila. | Glej primer |
| top | Določi zgornji položaj pozicioniranega elementa. | Glej primer |
| transform | Določa 2D in 3D preoblikovanje elementa. | Glej primer |
| transform-origin | Omogoča spreminjanje položaja preoblikovanih elementov. | Glej primer |
| transform-style | Določa, kako so ugnezdeni elementi predstavljeni v 3D prostoru. | Glej primer |
| transition | Skrajšana lastnost za vse transition-* lastnosti. | Glej primer |
| transition-delay | Določa, kdaj se začne učinek prehoda. | Glej primer |
| transition-duration | Določa, koliko sekund ali milisekund traja učinek. | Glej primer |
| transition-property | Določa učinek prehoda. | Glej primer |
| transition-timing-function | Določa krivuljo hitrosti učinka prehoda. | Glej primer |
| translate | Določa položaj elementa. | Glej primer |
| U | ||
| unicode-bidi | Določa ali naj se besedilo preglasi za podporo več jezikov v istem dokumentu. | Glej primer |
| unset | Deluje kot kombinacija vrednosti inherit in initial. | Glej primer |
| user-select | Določa, ali besedilo lahko kopiramo oziroma izberemo. | Glej primer |
| V | ||
| vertical-align | Nastavi navpično poravnavo elementa. | Glej primer |
| visibility | Določa, ali je element viden ali ne. | Glej primer |
| W | ||
| white-space | Določa, kako se obravnava prazen prostor znotraj elementa. | Glej primer |
| widows | Nastavi najmanjše število vrstic, ki morajo ostati na vrhu strani ali stolpca. | Glej primer |
| width | Nastavi širino elementa. | Glej primer |
| word-break | Določa, kako naj se besede prekinejo, ko dosežejo konec vrstice. | Glej primer |
| word-spacing | Poveča ali zmanjša presledek med besedami v besedilu. | Glej primer |
| word-wrap | Omogoča, da se dolge, nezlomljive besede razbijejo in prelijejo v naslednjo vrstico. | Glej primer |
| writing-mode | Določa ali so vrstice besedila postavljene vodoravno ali navpično. | Glej primer |
| Z | ||
| z-index | Nastavi vrstni red sklada pozicioniranega elementa. | Glej primer |