Exemplu
Schimbarea proprietății boxSizing:
document.getElementById("myDIV").style.boxSizing = "border-box";
Încearcă - l singur » Definiție și utilizare
Proprietatea boxSizing vă permite să definiți anumite elemente pentru a se potrivi unei zone într-un anumit fel.
De exemplu, dacă doriți două marginita laterale cutii de alta, se poate realiza prin setarea boxSizing la "border-box" . Acest lucru forteaza browser-ul pentru a face caseta cu lățimea și înălțimea specificată, și plasați frontiera și padding în interiorul cutiei.
Suport pentru browser-
Proprietatea boxSizing este acceptată în Internet Explorer, Opera, Chrome și Safari.
Firefox susține o alternativă, proprietatea MozBoxSizing.
Sintaxă
Întoarcere proprietatea boxSizing:
object .style.boxSizing Setați proprietatea boxSizing:
object .style.boxSizing="content-box|border-box|initial|inherit"
Valori de proprietate
| Valoare | Descriere |
|---|---|
| content-box | Valoare implicită. Acesta este comportamentul de lățime și înălțime specificate de CSS2.1. Lățimea specificată și înălțimea (and min/max properties) se aplică la lățimea și înălțimea respectiv a cutiei conținutului elementului. Căptușeala și marginea elementului sunt dispuse și tras în afara lățimea și înălțimea specificată |
| border-box | Lățimea specificată și înălțimea (and min/max properties) pe acest element determină caseta de frontieră a elementului. Adică, orice capitonare sau de frontieră specificate pe elementul este expus și tras în interiorul această lățime și înălțime specificată. Lățimea și înălțimea conținutului se calculează prin scăderea lățimilor de frontieră și capitonarea laturile respective de „lățime“ specificată și proprietățile „înălțime“ |
| initial | Setează această proprietate la valoarea implicită. Citiți despre inițială |
| inherit | Mosteneste această proprietate de la elementul părinte. Citiți despre moștenesc |
Detalii tehnice
| Valoare implicită: | conținut-box |
|---|---|
| Întoarcere Valoare: | Un șir, reprezentând proprietatea de reducere a dimensiunilor cutie a unui element |
| CSS Versiune | CSS3 |
Pagini similare
Referință CSS: box-sizing property
<Style Object