Site hosted by Angelfire.com: Build your free website today!

CSS Klassifikatsioon

CSS

CSS klassifikatsiooni omadused võimaldavad määrata mismoodi ja kus kohas element kuvatakse.

Näited

 red_dot.gif Inline element.
Selles näites demonstreeritakse, kuidas kuvada elementi "inline" elemendina.

 red_dot.gif Blokeeritud element.
Selles näites demonstreeritakse, kuidas kuvada elementi, blokeeritud elemendina.

 red_dot.gif Float omadus.
Selles näites demonstreeritakse, kuidas liigutada pilti paragrahvist paremale.

 red_dot.gif Float omadus-2.
Selles näites demonstreeritakse, kuidas liigutada pilti paragrahvist paremale, lisades pildile raami ja margin atribuudid.

 red_dot.gif Nihutatud pilt alapealkirjaga.
Selles näites demonstreeritakse, kuidas lisada pildile alapealkiri ja nihutada paragrahvist paremale.

 red_dot.gif Esimene täht.
Selles näites demonstreeritakse, kuidas muuta paragrahvi esimese tähe stiili ja nihutada see vasakule.

 red_dot.gif Horisontaal menüü.
Selles näites demonstreeritakse, kuidas nihutada hüperlinke nii, et saadakse horisontaalne menüü.

 red_dot.gif Tabeliteta veebileht.
Selles näites demonstreeritakse, kuidas luua veebileht ilma tabeleid kasutamata.

 red_dot.gif Positsioon: relative.
Selles näites demonstreeritakse, kuidas nihutatakse elementi tema normaalsest positsioonist kõrvale.

 red_dot.gif Positsioon: absolute.
Selles näites demonstreeritakse, kuidas nihutatakse elementi kasutades "absolute" väärtust.

 red_dot.gif Nähtamatu element.
Selles näites demonstreeritakse, kuidas muuta elementi nähtamatuks v. nähtavaks.

 red_dot.gif Nähtamatu tabeli element.
Selles näites demonstreeritakse, kuidas muuta tabeli elementi nähtamatuks v. nähtavaks.

 red_dot.gif 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