CSS block-size egenskab

Forrige side background-size
Næste side border

Definition og brug

block-size Egenskaben specificerer elementets størrelse i blokretningen.

Bemærk:relaterede CSS egenskaber writing-mode Definerer blokretning, hvilket påvirker block-size egenskabernes resultat. For engelske sider er blokretning nedad, og indrykningretning er fra venstre til højre.

CSS block-size og inline-size egenskaber er forbundet med CSS width og height egenskaber er meget lignende, men block-size og inline-size Egenskaben afhænger af blokretning og indrykningretning.

Eksempel

Eksempel 1

Indstil størrelsen på <div>-elementet i blokretningen:

div {
  block-size: 200px;
}

Prøv det selv

Eksempel 2

Når writing-mode egenskabsværdien for <div>-elementet sættes til vertical-rl, ændres blokretning fra nedad til vandret, hvilket ændrer virkningen af block-size egenskaben:

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

Prøv det selv

CSS syntax

inset-block: auto|length|initial|inherit;

Egenskabsværdi

Værdi	Beskrivelse
auto	Standard. Standard block-size værdi for elementet.
length	Specificer block-size i enheder som px, pt, cm osv. Se også:CSS enheder.
%	Specificer block-size som en procentdel af den tilsvarende akse i forhold til forældrelige element.
initial	Sæt denne egenskab til dens standardværdi. Se også initial.
inherit	Arv denne egenskab fra sin forældrelige element. Se også inherit.

Tekniske detaljer

Standardværdi:	auto
Arv:	Nej
Animation production:	Understøttelse. Se også:Animation relaterede egenskaber.
Version:	CSS3
JavaScript syntax:	object.style.blockSize="100px"