CSS width ominaisuus

Määrittely ja käyttö

width-ominaisuus asettaa elementin leveys.

Selitys

Tämä ominaisuus määrittää elementin sisällön leveyden, ja sen ulkopuolelle voidaan lisätä sisennykset, reunat ja marginit.

Rivittäiset ei-vaihdettavat elementit ohiteta tällä ominaisuudella.

Katso myös:

CSS-opasCSS-mittat

CSS-opasCSS ruudukkomallin kuvaus

CSS -viittauskirjaheight-ominaisuus

HTML DOM -viittauskirjawidth-ominaisuus

Esimerkki

Aseta kappaleen korkeus ja leveys:

p
  {
  height:100px;
  width:100px;
  }

Kokeile itse

CSS-syntax

width: auto|value|initial|inherit;

Ominaisuusarvo

Arvo Kuvaus
auto Oletusarvo. Selain laskee todellisen leveyden.
length Määritellään leveys px, cm jne. yksiköillä.
% Määritellään prosenttileveys sisäisen elementin leveyden perusteella (vanhempi elementti).
inherit Määritellään, että elementin leveys tulisi perittää isältä elementiltä.

Tekninen yksityiskohta

Oletusarvo: auto
Perinnäisyys: ei
Versio: CSS1
JavaScript-syntax object.style.width="50px"

TIY-esimerkki

Aseta elementin leveys pikseleillä
Tämä esimerkki näyttää, miten pikseleillä voidaan asettaa elementin leveys.
Aseta elementin leveys prosentteina
Tämä esimerkki näyttää, miten prosenttiosuudella voidaan asettaa elementin leveys.

Selaimen tuki

Taulukossa olevat numerot antavat tiedon ensimmäisestä selaimesta, joka täysin tukee tätä ominaisuutta.

Chrome IE / Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 3.5