CSS min-width ominaisuus

Määrittely ja käyttö

min-width Ominaisuus asettaa elementin pienimmän leveyden.

Kuvaus

Tämä ominaisuuden arvo asettaa elementille vähimmäisrajan leveydelle. Siksi elementti voi olla leveämpi kuin määritelty arvo, mutta ei kapeampi. Ei sallita negatiivisia arvoja.

Katso myös:

CSS-opas:CSS-mittaukset

CSS -viittausoppas:CSS max-width ominaisuus

HTML DOM -viittausoppas:minWidth-ominaisuus

Esimerkki

Aseta paragrafin pienin leveys:

p
  {
  min-width:100px;
  }

Kokeile itse

CSS-grammatiikka

min-width: length|initial|inherit;

Ominaisuuden arvo

Arvo Kuvaus
length Määritellään elementin pienin leveys. Oletusarvo riippuu selaimesta.
% Määritellään prosenttiosuus, joka perustuu sisältävään lohkotyyppiseen objektiin.
inherit Määritellään, että min-width-ominaisuuden arvo tulisi perittää vanhemmalta elementiltä.

Tekninen yksityiskohta

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

TIY-esimerkki

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

Selaimen tuki

Taulukossa olevat numerot osoittavat ensimmäisen selaimen version, joka täysin tukee tätä ominaisuutta.

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