CSS inline-size eigenschap

Vorige pagina initial-letter
Volgende pagina inset

Definitie en gebruik

inline-size De eigenschap specificeert de grootte van het element in de richting van de inline.

Opmerking:gerelateerde CSS-eigenschappen writing-mode definieert de richting van de inline, wat invloed heeft op inline-size het resultaat van de eigenschappen. Voor Engelse pagina's is de richting van de inline van links naar rechts, terwijl de richting van de block naar beneden is.

de eigenschappen van CSS inline-size en block-size de eigenschappen zijn vergelijkbaar met de van CSS width en height de eigenschappen zijn zeer vergelijkbaar, maar inline-size en block-size De eigenschap is afhankelijk van de richting van inline en block.

Voorbeeld

Voorbeeld 1

Stel de grootte van het <div>-element in de richting van de inline:

div {
  inline-size: 200px;
}

Probeer het zelf

Voorbeeld 2

wanneer de <div>-element writing-mode de waarde van de eigenschap is ingesteld op vertical-rl wanneer, de richting van de inline verandert van horizontaal naar verticaal aflopend, wat invloed heeft op inline-size Hoe de eigenschap werkt:

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

Probeer het zelf

CSS syntaxis

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

Eigenschapswaarde

Waarde	Beschrijving
auto	Standaardwaarde. De standaard inline-size waarde van het element.
length	Specificeer de grootte van de inline-richting, gemeten in px, pt, cm, enz. Negatieve waarden zijn toegestaan. Raadpleeg:CSS Eenheid.
%	Specificeer een percentage van de grootte van de richting van de inline op de bijbehorende as ten opzichte van de ouder element.
initial	Stel deze eigenschap in op zijn standaardwaarde. Raadpleeg initial.
inherit	Deze eigenschap erfde van de ouder element. Raadpleeg inherit.

Technische details

Standaardwaarde:	auto
Inheritantie:	Nee
Animatie maken:	Ondersteund. Raadpleeg:Animatiegerelateerde eigenschappen.
Versie:	CSS3
JavaScript syntaxis:	object.style.inlineSize="250px"