CSS inline-size ominaisuus

Edellinen sivu initial-letter
Seuraava sivu inset

Määrittely ja käyttö

inline-size Ominaisuus määrittää elementin kokoonpanon rivin sisäisessä suunnassa.

Huomioitavaa:Liittyvät CSS-ominaisuudet writing-mode Määrittää rivin sisäisen suunnan, mikä vaikuttaa: inline-size Ominaisuuden tuloksena. English-sivuilla rivin sisäinen suunta on vasemmalta oikeaan ja blokin suunta on alas.

CSS:n inline-size ja block-size Ominaisuudet ovat CSS:n leveys ja korkeus Ominaisuudet ovat hyvin samanlaisia, mutta inline-size ja block-size Ominaisuus riippuu rivin sisäisestä ja blokin suunnasta.

Esimerkki

Esimerkki 1

Aseta <div>-elementin kokoonpano rivin sisäisessä suunnassa:

div {
  inline-size: 200px;
}

Kokeile itse

Esimerkki 2

kun <div>-elementin writing-mode Ominaisuusarvo asetettu: vertical-rl kohdassa, rivin sisäinen suunta muuttuu horisontaalisesta pystysuuntaiseksi alaspäin, mikä vaikuttaa: inline-size Ominaisuuden toimintatapa:

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

Kokeile itse

CSS-kieli

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

Ominaisuusarvo

Arvo	Kuvaus
auto	Oletusarvo. Elementin oletusarvo rivin sisäiselle kokoonpanolle.
length	Määritä rivin sisäinen suunta kokoonpano, yksikkönä px, pt, cm jne. Sallii negatiivisten arvojen käytön. Katso:CSS yksiköt.
%	Määritä suhteellinen kokoonpano vanhemman elementin vastaavassa akselissa prosentteina.
initial	Aseta tämä ominaisuus sen oletusarvon arvoksi. Katso: initial.
inherit	Perii tämän ominaisuuden vanhemmalta elementiltä. Katso: inherit.