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

Atribut width

Značke: col | colgroup
Vrednosti: piksli, odstotki ali relativno
Pomen: Ta atribut določa širino posameznega stolpca v tekočem elementu.
   
Značka: img | object | table
Vrednosti: nn v pikslih ali nn% za odstotke dolžine
Pomen:

Kadar je določena vtrednost atributov width (širina) in height (višina), to pove brskalniku, da naredi spremembo velikosti img ali object v prid tem vrednostim.

Brskalnikom je najenostavnejše, če se mere img ali object ujemajo z dejansko velikostjo originalne slike ali predmeta.

Ko je dolžina izražena v odstotkih, je dolžina zasnovana na horizontalnem in vertikalnem prostoru, ki je trenutno na voljo, ne pa na pristni velikosti slike ali predmeta. Atributa width in height nudita brskalniku podatek o velikosti slike ali objekta, tako da lahko rezervirajo prostor in nadaljujejo z prikazovanjem dokumenta medtem ko čakajo na sliko, ki se prenaša. Običajno brskalniki zahtevajo naprej prenos besedila, šele nato pa slik in predmetov. Priporočena je uporaba tega atributa za sliko img in za predmete object.

Primer

<table summary="sirina" width="250">
     <col width="150" />
     <col />
     <col />
<tr>
  <td>100</td>
  <td>200</td>
  <td>300</td>
</tr>
<tr>
  <td>400</td>
  <td>500</td>
  <td>600</td>
</tr>
</table>

→ Primer tabele z določeno širino
→ Primer širine ali višine slike
→ Primer širine in višine slike
→ CSS:   Širina s slogovnimi predlogami
→ CSS:  Primer uporabe lastnosti width za velikost slike v odstotkih
→ CSS:  Primer uporabe lastnosti width za velikost slike v absolutnih merah
→ CSS:  Primer uporabe lastnosti width za velikost slike v relativnih merah

SERŠ Maribor : Strokovna gimnazija : 2004 : Tine Horvat