CSS min-inline-size egenskab

Forrige side min-block-size
Næste side min-height

Definition og brug

min-inline-size Egenskab specificerer det mindste mål for elementets indreksretning.

Hvis innholdets størrelse i den innvendige orienteringen er mindre enn den minste størrelsen, vil min-inline-size egenskapsverdien.

Hvis innholdets størrelse i den innvendige orienteringen er større enn den minste størrelsen, vil min-inline-size egenskapsverdien har ingen effekt.

Merk:relaterte CSS-egenskaper writing-mode Definerer den innvendige orienteringen, noe som påvirker min-inline-size egenskapens resultat. For engelske sider, blokkretningen er nedover, og den innvendige orienteringen er fra venstre til høyre.

CSS min-inline-size egenskaper sammenlignes med CSS-egenskaper min-height og min-width Meget lik, men min-inline-size Egenskapen avhenger av den innvendige orienteringen.

Eksempel

Eksempel 1

Sett <div>-elementets minimale innvendige størrelse til 200 piksler:

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

Prøv det selv

Eksempel 2: Skriveorientering

Sett <div>-elementets writing-mode Når egenskapsverdien设置为 vertical-rl 时，行内方向从侧向变为向下，这会影响 min-inline-size 属性的工作方式：

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

Prøv det selv

Eksempel 3: min-inline-size og inline-size

Se et inline-size for <div>-elementer på 200px og en annen min-inline-size Forskjellige oppførsler for <div>-elementer på 200px når innholdets størrelse endres:

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

Prøv det selv

CSS syntaks

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

Egenskapsverdi

Verdi	Beskrivelse
auto	Standard. Elementets standard min-inline-size verdi.
length	Bruk fast enhet (som px, pt, cm osv.) for å spesifisere den minste størrelsen. Se:CSS Enhed.
%	Bruk prosent for å spesifisere den minste størrelsen, i forhold til foreldrelementets størrelse på tilsvarende aksel.
initial	Sett denne egenskapen til standardverdien. Se: initial.
inherit	Arver denne egenskapen fra sin foreldrelement. Se: inherit.

Tekniske detaljer

Standardverdi:	auto
Arvbarhet:	Nei
Animasjon laging:	Støttet. Se:Animasjon relaterte egenskaper.
Versjon:	CSS3
JavaScript syntaks:	object.style.minInlineSize="10px"