CSS max-width ominaisuus

Määrittely ja käyttö

max-width määrittää elementin suurimman leveysarvon.

Selitys

Tämä ominaisuusarvo asettaa elementille enimmäisleveyden. Siksi elementti voi olla kapeampi kuin määritelty arvo, mutta ei leveämpi. Negatiivisia arvoja ei sallita.

Katso myös:

CSS-opas:CSS-mittat

CSS -viittausopas:CSS min-width ominaisuus

HTML DOM -viittausopas:maxWidth-ominaisuus

Esimerkki

Aseta paragrafin suurin leveys:

p
  {
  max-width:100px;
  }

Kokeile itse

CSS-grammatiikka

max-width: ei ole|length|alkuperäinen|perittää;

Ominaisuusarvo

Arvo Kuvaus
ei ole Oletus. Määritellään, että elementille ei ole asetettu suurinta leveyttä.
length Määritellään elementin suurin leveysarvo.
% Määritellään prosenttiosuus, joka perustuu sisältävään blokkiobjektiin.
perittää Määritellään, että max-width-ominaisuuden arvo tulisi perittää vanhemmalta elementiltä.

Tekninen yksityiskohta

Oletusarvo: ei ole
Perinnäisyys: ei
Versio: CSS2
JavaScript-grammatiikka: object.style.maxWidth="50px"

TIY-esimerkki

Pikseleillä voidaan asettaa elementin suurin leveys
Tämä esimerkki näyttää, miten pikseleillä voidaan asettaa elementin suurin korkeus.
Prosenttiosuuden avulla voidaan asettaa elementin suurin leveys
Tämä esimerkki näyttää, miten prosenttiosuudella voidaan asettaa elementin suurin korkeus.

Selaimen tuki

Taulukon numerot osoittavat ensimmäisen selaimeen, joka täysin tukee kyseistä ominaisuutta.

Chrome IE / Edge Firefox Safari Opera
1.0 7.0 1.0 1.0 7.0