Il miglior tutorial CSS3 box-sizing proprietà Nel 2024, in questo tutorial puoi imparare Esempi,Supporto per il browser,Attributo definizioni e le istruzioni,grammatica,articoli correlati,
Due scatole di confine designato:
I dati riportati nella tabella rappresentano il primo browser a supportare il numero di versione della proprietà.
Subito dopo la -webkit- digitale, -MS- o -moz- fa a sostegno del prefisso attribuiscono primo numero di versione del browser.
| 属性 | |||||
|---|---|---|---|---|---|
| box-sizing | 10.0 4.0 -webkit- |
8.0 | 29.0 2.0 -moz- |
5.1 3.2 -webkit- |
9.5 |
box-sizing proprietà consente di definire alcuni elementi in qualche modo di adattarsi alla zona designata.
Per esempio, se è necessario inserire due fianco a fianco con una scatola di confine da parte del box-dimensionamento di "border-box". Questo può rendere il browser che mostra una scatola con la larghezza e l'altezza specificata, e il confine, e imbottitura nella scatola.
| predefinito: | contenuti-box |
|---|---|
| ereditarietà: | no |
| versione: | CSS3 |
| sintassi JavaScript: | object .style.boxSizing = "border-box" |
| valore | spiegazione |
|---|---|
| contenuti-box | Questo è il comportamento di larghezza e altezza specificati CSS2.1. Larghezza e altezza (min / max attributo) specificati elemento adatto per la larghezza e l'altezza di dialogo. Imbottitura e confini, e di layout di disegno specificano la larghezza e l'altezza dell'elemento tranne |
| border-box | Specifica la larghezza e l'altezza (min / max attributo) per determinare bordo casella dell'elemento. In altre parole, gli elementi specificati larghezza e altezza compresa la designazione del padding e il bordo. Larghezza e altezza del contenuto meno i rispettivi lati del confine e riempire viene calcolato dalla larghezza "larghezza" e "altezza" attributo specificato |
| ereditare | Valore specifica la proprietà box-sizing dovrebbe essere ereditata dall'elemento genitore |
CSS3 tutorial: CSS3 l'interfaccia utente