Définition de la CSS box-sizing.
La propriété CSS box-sizing permet de spécifier si la valeur de width ou de height inclut la marge intérieure et la taille de la bordure.
Exemple de syntaxe CSS box-sizing :box-sizing : border-box; box-sizing : padding-box; box-sizing : content-box;La propriété de feuille de style box-sizing CSS peut pendre comme valeur :
- content-box : la longueur width et la hauteur height n'incluent pas les padding, les margin et les border. Valeur par défaut.
- border-box : la longueur width et la hauteur height incluent les padding et les border mais pas les margin.
- padding-box : la longueur width et la hauteur height incluent le padding mais pas les margin ni les border.
- inherit : hérite de la propriété CSS box-sizing de son parent.
Exemple de code box-sizing CSS
Conditions d'application de la CSS box-sizing.
La propriété de feuille de style box-sizing CSS est applicable sur l'ensemble des balises HTML ou XHTML.
Problème d'interprétation de box-sizing en Css.
La propriété de feuille de style box-sizing CSS pose problème car n'est reconnue que par Chrome 9+,Internet Explorer 8+, Opera 7+, Safari 5.1+ et Firefox 29+. et la valeur padding-box n'est reconnue pas encore reconnue.
Compatibilités navigateurs de la propriété box-sizing
Propriétés CSS préfixées de box-sizing
Vous trouverez ci-dessous les propri�t�s CSS pr�fix�es �quivalentes à la propri�t� box-sizing CSS :
- -moz-box-sizing
- -webkit-box-sizing
Pour faire fonctionner la propriété de feuille de style css box-sizing sur Firefox, Safari et Internet Explorer < 9 :
Le fichier boxsizing.htc est disponible box-sizing-polyfill
Détecter la propriété CSS box-sizing en Javascript
Equivalence de la CSS box-sizing en HTML.
La propriété CSS box-sizing n'a pas d'équivalence en HTML ou XHTML.
Votre avis sur la définition box-sizing en CSS
Votez pour la définition CSS box-sizing
- 1/5
- 2/5
- 3/5
- 4/5
- 5/5
Avis sur la page //www.zonecss.fr/proprietes-css/box-sizing-css.html Votes: 4.5 / 5 - 17 votes
Cliquez sur une étoile pour voter.
FAQ en rapport avec la propriété Css box-sizing
FAQ et AIDES CSS parlant de box-sizing
Vous trouverez ci-dessous des liens vers la FAQ CSS qui vont vous permettre de trouver de l'aides et d'autres propriétés CSS du même thÚme que la propriété box-sizing CSS.
- Th�me : Description d'un �l�ment
- Th�me : Les tableaux et les Css
box-sizing répond aux questions suivantes :
- Comment spécifier le calcul de la taille longueur et la hauteur height en Css ?
- Comment inclure les marges dans le calcul de la longueur width et la hauteur height en Css ?
- Comment inclure les bordure dans le calcul de la longueur width et la hauteur height en Css ?
- Autres questions les plus posées en Css.
Bug box-sizing CSS
Explication
Vous trouverez ci-dessous divers bugs d'interprétation de la css box-sizing.
Ces bugs box-sizing CSS ont été transmis par les internautes du site.
J'ai vérifié la majorité des bugs mais pour certain je ne peux pas car je ne possède pas le navigateur en question.
Ceux que j'ai pu visualiser sont notés
Bug vérifié : oui.