Style boxSizing egenskab

Definition og brug

boxSizing Egenskaben giver dig mulighed for at definere en bestemt region, som en bestemt element skal matche på en bestemt måde.

For eksempel, hvis du skal placere to rammer side om side med kanter, kan du sætte box-sizing til "border-box". Dette får browseren til at vise rammer med bestemte bredder og højder, og kanterne og indrykningen puttes i rammen.

Se også:

CSS reference manual:box-sizing egenskab

Eksempel

Ændr boxSizing egenskab:

document.getElementById("myDIV").style.boxSizing = "border-box";

Prøv det selv

Syntaks

Returner boxSizing egenskab:

object.style.boxSizing

Indstil boxSizing egenskab:

object.style.boxSizing = "content-box|border-box|initial|inherit"

Egenskabsværdi

Værdi Beskrivelse
content-box

Standardværdi. Dette er opførslen for bredde og højde som defineret i CSS2.1.

De bestemte bredder og højder (og min/max egenskaber) anvendes henholdsvis på elementets indholdskassebredde og -højde.

Elementets indrykning og kant planlægges og tegnes uden for de bestemte bredder og højder.
border-box

Den satte bredde og højde for elementet bestemmer elementets kantboks.

Det vil sige, enhver indrykning og kant, der er angivet for elementet, vil blive tegnet inden for den satte bredde og højde.

Man kan få indholdets bredde og højde ved at trække kanterne og indrykning fra den satte bredde og højde.
initial Sæt denne egenskab til dens standardværdi. Se initial。
inherit Arve denne egenskab fra sin forældrelement. Se inherit。

Teknisk detalje

Standardværdi: content-box
Returværdi: streng, der repræsenterer elementets box-sizing egenskab。
CSS version: CSS3

Browser support

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Support Support Support Support Support