Siin vaadatud definitsioonid on mõeldud eri elementide omavahelise paigutuse reguleerimiseks (sarnaselt
pildimärgendite align-parameetriga) - seni on mitmed neist veel mõne veebilehitseja poolt täielikult
toetamata.
clear - ei luba teisi elemente lähedusse paigutada. Võimalikud väärtused:
left - kehtib vasaku külje kohta
right - kehtib parema külje kohta
both - kehtib mõlema külje kohta
none - lubab teiste elementidega ääristamist (sama mis clear-i puudumine)
Näide:
p
{
clear: right
}
cursor - võimaldab kasutada erikujulisi kursoreid. Võimalikud väärtused:
url - viide kursorifailile (tasub alati lisada viimase elemendina - kui eelnevaid variante
millegipärast ei saa näidata, siis kasutatakse seda)
default - vaikimisi (tavaliselt nooleke)
auto - kursori kuju määrab veebilehitseja
crosshair - ristikujuline
pointer - nimetissõrmega käsi
move - nooltega ristikujuline (nagu akende liigutamisel)
e-resize, w-resize - horisontaalne kahe otsaga nool (nagu akna suuruse muutmisel)
n-resize, s-resize - vertikaalne kahe otsaga nool
nw-resize, se-resize - diagonaalne (vasak ülal) kahe otsaga nool
ne-resize, sw-resize - diagonaalne (parem ülal) kahe otsaga nool
text - tekstikursor (tavaliselt püstkriips)
wait - ootekursor (tavaliselt liivakell)
help - abiinfokursor (tavaliselt küsimärgiga nooleke)
Näide:
p
{
cursor : url("esimene.cur"), url("teine.cur"), pointer
}
NB! Näites kasutatakse esimese eelistusena esimene.cur-failis olevat kursorit, selle mittetoimisel aga
alternatiive.
display - kuvamisviis (NB! See on veel väga vähe toetatud võimalus). Võimalikud väärtused:
none - ei kuvata
block - kuvatakse blokina, s.t. koos reavahetusga elemendi ees ja järel
inline - kuvatakse vahetult eelmise elemendi järel ja järgneva ees (ilma reavahetusteta)
list-item - kuvatakse loendina
compact, run-in - kuvatakse sõltuvalt kontekstist kas reavahetustega või ilma
table - kuvatakse tabeliblokina, s.t. tabelina koos eelneva ja järgneva reavahetusega
inline-table - tabel ilma reavahetusteta
table-row-group - nagu tabelimärgend tbody
table-column-group - nagu tabelimärgend colgroup
table-head group - nagu tabelimärgend thead
table-footer-group - nagu tabelimärgend tfoot
table-row - nagu tabelimärgend tr
table-column - nagu tabelimärgend col
table-cell - nagu tabelimärgendid td ja th
table-caption - nagu tabelimärgend caption
Näide:
p
{
display: block
}
li
{
display: list-item
}
float - "hõljuv" element (vt. clear). Võimalikud väärtused:
left - muust sisust vasakul
right - muust sisust paremal
none - kuvatakse seal, kus märgend asub
Näide:
img
{
float: left
}
position - elemendi asend. Võimalikud väärtused:
static - vastavalt märgendi asukohale (harilik paigutus)
relative - suhteline nihe vastavalt etteantud väärtusele
absolute - absoluutsed koordinaadid ekraanil (mistahes ühikutes)
Näide:
h1
{
position:absolute;
left:40px;
top:45px;
}
visibility - elemendi nähtavus. Võimalikud väärtused:
visible - nähtav
hidden - nähtamatu
collapse - muul juhul nagu hidden, tabeli puhul aga peidab rea või veeru ilma tabeli üldist
kuju muutmata
2003-2024 Kaido Kikkas.
Käesoleva dokumendi paljundamine, edasiandmine ja/või muutmine on
sätestatud GNU Vaba Dokumentatsiooni Litsentsiga (versioon 1.2 või
uuem). Litsentsi ingliskeelne täistekst