e-gradiva | HTML | CSS | JavaScript | Načrtovanje | |||||
SERŠ Maribor | Iskanje | Primeri |
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.
vrednost | opis | NN | IE | CSS |
---|---|---|---|---|
auto | brskalnik 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. | 4 | 4 | 1 |
dolžina | Vrednost je lahko v vseh sedmih enotah. | 4 | 4 | 1 |
odstotek | vrednost je odvisna od širine, ki je določena s 100%. | 4 | 4 | 1 |
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