Width-ominaisuus

Ominaisuus width asettaa elementin leveyden. Ominaisuuden arvona voivat olla mitkä tahansa koko-yksiköt tai avainsana auto, jolloin selain laskee elementin koon automaattisesti (oletuskäyttäytyminen).

Syntaksi

cssvalitsija {
  width: arvo;
}

Esimerkki

Asetetaan elementin leveys 300px:n:

html<div id="elem"></div>
css#elem {
  width: 300px;
  height: 100px;
  border: 1px solid black;
}

Результат:

Esimerkki

Tehdään elementistä 70% leveä suhteessa siihen elementtiin, jonka sisällä se on (tässä tapauksessa selainikkuna):

html<div id="elem"></div>
css#elem {
  width: 70%;
  height: 100px;
  border: 1px solid black;
}

Результат:

Katso myös

  • ominaisuus height,
    jolla voidaan asettaa elementin korkeus
  • attribuutti width,
    jolla voidaan asettaa elementin leveys