CSS inline-size egenskap

Föregående sida initial-letter
Nästa sida inset

Definition och användning

inline-size Egenskapen specificerar storleken på elementet i den inre riktningen.

Observera:Relaterade CSS-egenskaper writing-mode Definierar inre riktning, vilket påverkar inline-size Egenskapens resultat. För engelska sidor är inre riktningen från vänster till höger, medan blockriktningen är neråt.

CSS: inline-size och block-size Egenskapen är mycket lik CSS: bredd och höjd Egenskapen liknar mycket, men inline-size och block-size Egenskapen är beroende av inre och blockriktning.

Exempel

Exempel 1

Ställ in storleken på <div>-elementet i den inre riktningen:

div {
  inline-size: 200px;
}

Prova själv

Exempel 2

när <div>-elementets writing-mode Attributvärdet är satt till vertical-rl när, inre riktningen ändras från horisontell till vertikal nedåt, vilket påverkar inline-size Hur egenskapen fungerar:

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

Prova själv

CSS-syntax

inline-size: auto|längd|initial|inherit;

Attributvärde

Värde	Beskrivning
auto	Standardvärde. Standard inline-size-värdet för elementet.
längd	Specificera storleken på den inre riktningen, i enheter som px, pt, cm m.m. Tillåter negativa värden. Se också:CSS enheter.
%	Specificera en procentsats av storleken på den aktuella axeln jämfört med föräldrelementet.
initial	Sätt detta attribut till dess standardvärde. Se: initial.
inherit	Följande är att是从其父元素继承此属性。Se: inherit.

Tekniska detaljer

Standardvärde:	auto
Ärvnad:	nej
Animation tillverkning:	stöd. Se också:Animation relaterade egenskaper.
Version:	CSS3
JavaScript-syntax:	object.style.inlineSize="250px"