e-gradiva     HTML CSS JavaScript Načrtovanje  
  logotip  
SERŠ Maribor Iskanje Primeri

width/height

Lastnosti width in height omogočata, da nastavitev širine in višine elementa. Npr. sliko se lahko da na določeno pozicijo v tekst z ukazom float. Nato se uporabi lastnost za širino in višino, da se natančno določi velikost slike.

vrednostopisNNIECSS
autobrskalnik samodejno izračuna širino. Če sta obe širina in višina nastavljeni na auto tekst ali slika ostaneta nespremenjena. Z deklariranjem auto si zagotovimo, da kakršnakoli prejšna deklaracija ne bo vplivala na dimenzije izbranega elementa.441
dolžinaVrednost je lahko v vseh sedmih enotah. 441
odstotekvrednost je odvisna od širine, ki je določena s 100%. 441

Primeri

img { width:  2.85in; }
img { width:  auto; }
div { width:  36pt; }
img { height: 140%; }
img { height: 45pc; }
div { width:  150mm; height: 120mm}
img { width:  3.0in; height: auto }

→ Primer uporabe lastnosti width za velikost slike v odstotkih
→ Primer uporabe lastnosti width za velikost slike v absolutnih merah
→ Primer uporabe lastnosti width za velikost slike v relativnih merah

SERŠ Maribor : Strokovna gimnazija : 2004 : Rok Teržan