CSS min-inline-grootte eigenschap

Vorige pagina min-block-size
Volgende pagina min-height

Definitie en gebruik

min-inline-size Het eigenschap specifies de minimale afmeting van een element in de lijnrichting.

toegepast min-inline-size Als de grootte van de inhoud in de inlinerichting kleiner is dan de minimale grootte, dan wordt

eigenschapswaarden. min-inline-size Als de grootte van de inhoud in de inlinerichting groter is dan de minimale grootte, dan

Eigenschapswaarden hebben geen effect.Opmerking: writing-mode gerelateerde CSS-eigenschappen min-inline-size Definieert de inlinerichting, wat de invloed heeft op

resultaat van de eigenschappen. Voor Engelse pagina's is de blokrichting naar beneden en de inlinerichting van links naar rechts. min-inline-size CSS min-height eigenschappen zijn vergelijkbaar met de CSS-eigenschappen en min-width min-inline-size Zeer vergelijkbaar, maar

Eigenschap hangt af van de inlinerichting.

Voorbeeld

Voorbeeld 1

div {
  min-inline-size: 200px;
}

Probeer het zelf

Voorbeeld 2: Schrijfmodus

Stel de minimale grootte van de inlinerichting van het <div> element in op 200 pixels: writing-mode Wanneer de eigenschap vertical-rl is ingesteld, verandert de inlinerichting van horizontaal naar naar beneden, wat de werking van de eigenschap min-inline-size beïnvloedt:

div {
  min-inline-size: 260px;
  writing-mode: vertical-rl;
}

Probeer het zelf

Voorbeeld 3: min-inline-size en inline-size

Bekijk een inline-size Voor een <div> element van 200px en een andere min-inline-size Verschillende gedragingen van een <div> element van 200px bij verandering van de inhoudsgrootte:

#div1 {
  min-inline-size: 200px;
}
#div2 {
  inline-size: 200px;
}

Probeer het zelf

CSS syntax

min-inline-size: auto|length|initial|inherit;

Eigenschapswaarde

Waarde	Beschrijving
auto	Standaard. De standaardwaarde van min-inline-size voor het element.
length	Gebruik een vaste eenheid (zoals px, pt, cm, etc.) om de minimale grootte op te geven. Raadpleeg:CSS Eenheid.
%	Gebruik procent om de minimale grootte op te geven, ten opzichte van de grootte van de ouderlijke element op de betreffende as.
initial	Deze eigenschap instellen op de standaardwaarde. Raadpleeg initial.
inherit	Deze eigenschap overnemen van de ouderlijke element. Raadpleeg inherit.

Technische details

Standaardwaarde:	auto
Inheritschap:	Nee
Animatie maken:	Ondersteund. Raadpleeg:Animatiegerelateerde eigenschappen.
Versie:	CSS3
JavaScript syntax:	object.style.minInlineSize="10px"