Esempio
Modificare la proprietà boxSizing:
document.getElementById("myDIV").style.boxSizing = "border-box";
Prova tu stesso " Definizione e l'utilizzo
La proprietà boxSizing consente di definire alcuni elementi per adattarsi su una superficie in un certo modo.
Ad esempio, se si desidera che due delimitato lato scatole a fianco, può essere raggiunto attraverso la creazione boxSizing a "border-box" . Questo costringe il browser per rendere la scatola con la larghezza e l'altezza specificata, e posizionare il bordo e il padding all'interno della scatola.
Supporto browser
La proprietà boxSizing è supportata in Internet Explorer, Opera, Chrome e Safari.
Firefox supporta in alternativa, la proprietà MozBoxSizing.
Sintassi
Restituire la proprietà boxSizing:
object .style.boxSizing Impostare la proprietà boxSizing:
object .style.boxSizing="content-box|border-box|initial|inherit"
I valori delle proprietà
| Valore | Descrizione |
|---|---|
| content-box | Valore di default. Questo è il comportamento di larghezza e altezza specificato da CSS2.1. La larghezza e l'altezza specificata (and min/max properties) valgono per la larghezza e l'altezza rispettivamente della scatola contenuto dell'elemento. L'imbottitura e il bordo dell'elemento vengono disposti e disegnati fuori la larghezza e l'altezza specificata |
| border-box | La larghezza e l'altezza specificata (and min/max properties) su questo elemento determinano il bordo casella dell'elemento. Cioè, ogni padding o bordo specificato sull'elemento viene strutturate e disegnate all'interno di questa larghezza e altezza specificato. La larghezza e l'altezza contenuti sono calcolati sottraendo il confine e padding larghezze dei rispettivi lati dalla 'larghezza' specificata e proprietà height |
| initial | Consente di impostare questa proprietà al suo valore di default. Leggi iniziale |
| inherit | Eredita questo immobile dal suo elemento genitore. Leggi su erediterà |
Dettagli tecnici
| Valore di default: | contenuti-box |
|---|---|
| Valore di ritorno: | Una stringa, che rappresenta la struttura scatolare dimensionamento di un elemento |
| CSS Version | CSS3 |
Pagine correlate
Di riferimento CSS: box-sizing property
<Stile di oggetto