CSS Klassifikatsioon
CSS klassifikatsiooni omadused võimaldavad määrata mismoodi ja kus kohas element kuvatakse.
Näited
Inline element.
Selles näites demonstreeritakse, kuidas kuvada elementi "inline" elemendina.
Blokeeritud element.
Selles näites demonstreeritakse, kuidas kuvada elementi, blokeeritud elemendina.
Float omadus.
Selles näites demonstreeritakse, kuidas liigutada pilti paragrahvist paremale.
Float omadus-2.
Selles näites demonstreeritakse, kuidas liigutada pilti paragrahvist paremale, lisades pildile raami ja margin atribuudid.
Nihutatud pilt alapealkirjaga.
Selles näites demonstreeritakse, kuidas lisada pildile alapealkiri ja nihutada paragrahvist paremale.
Esimene täht.
Selles näites demonstreeritakse, kuidas muuta paragrahvi esimese tähe stiili ja nihutada see vasakule.
Horisontaal menüü.
Selles näites demonstreeritakse, kuidas nihutada hüperlinke nii, et saadakse horisontaalne menüü.
Tabeliteta veebileht.
Selles näites demonstreeritakse, kuidas luua veebileht ilma tabeleid kasutamata.
Positsioon: relative.
Selles näites demonstreeritakse, kuidas nihutatakse elementi tema normaalsest positsioonist kõrvale.
Positsioon: absolute.
Selles näites demonstreeritakse, kuidas nihutatakse elementi kasutades "absolute" väärtust.
Nähtamatu element.
Selles näites demonstreeritakse, kuidas muuta elementi nähtamatuks v. nähtavaks.
Nähtamatu tabeli element.
Selles näites demonstreeritakse, kuidas muuta tabeli elementi nähtamatuks v. nähtavaks.
Kursori stiil.
Selles näites demonstreeritakse, kuidas muuta kursori välimust.
| Omadus | Kirjeldus | Väärtus |
|---|---|---|
| clear | Määrab elemendi küljed kui teised nihutatud elemendid ei ole määratud | left right both none |
| cursor | Määrab kursori välimuse |
url auto crosshair default pointer move e-resize ne-resize nw-resize n-resize se-resize sw-resize s-resize w-resize text wait help |
| display | Määratleb kas ja kuidas element kuvatakse |
none inline block list-item run-in compact marker table inline-table table-row-group table-header-group table-footer-group table-row table-column-group table-column table-cell table-caption | float | Määratleb koha kus pilt v. tekst kuvatakse elemendi sees | left right none |
position | Määratleb elemendi positsiooni |
static relative absolute fixed |
visibility | Määratleb kas element kuvatakse v. mitte |
visible hidden collapse |
