manuel de référence CSS

règle CSS (RULES)

大全 des attributs CSS

CSS caption-côté propriété CSS3 boîte-ombre propriété

CSS3 boîte-Méthode d'utilisation de la propriété sizing et exemples

boîte-La propriété CSS sizing est utilisée pour modifier les valeurs par défautCSS盒模型CSS modèle de boîte

，les navigateurs utilisent généralement ce modèle pour calculer la largeur et la hauteur des éléments.

Le tableau suivant décrit l'utilisation de cette propriété, l'historique des versions, ainsi que la syntaxe d'utilisation de cette propriété dans le script JavaScript.	contenu-boîte
Valeur par défaut :	Appliqué à :
Tous les éléments acceptant la largeur ou la hauteur	Héritage :
Non	Animable : Non。
Voir les propriétés d'animation	CSS3version :
nouvelle fonction	object.style.boxSizing="border-box"

boîte-syntaxe d'utilisation de dimensionnement

La syntaxe de cette propriété est la suivante :

boîte-dimensionnement:　contenu-box　|　remplissage-box　|　bordure-box　|　initial　|　inherit

Les exemples suivants montrent comment utiliser le box-propriétés de dimensionnement.

exemple

.box　{
　　　　largeur:　50%;
　　　　remplissage:　15px;
　　　　flottant:　gauche;
　　　　bordure:　5px　solide　#000;
　　　　boîte-dimensionnement:　bordure-boîte;
}

Voyons voir‹/›

valeur de propriété

Le tableau suivant décrit les valeurs de cette propriété.

valeur	description
contenu-boîte	Les propriétés width et height spécifiées ne contiennent que le contenu de l'élément. Il ne comprend pas le remplissage, la bordure ou la marge.
remplissage-boîte	Les propriétés width et height spécifiées incluent la taille du remplissage, mais pas la bordure ou la marge.
bordure-boîte	Les propriétés width et height spécifiées incluent le remplissage et la bordure, mais pas la marge.
initial	Rétablir cette propriété à sa valeur par défaut.
inherit	Si spécifié, l'élément lié utilise le box de son élément parent-les valeurs des propriétés de dimensionnement.

Compatibilité du navigateur

boîte-La compatibilité des navigateurs pour les propriétés de dimensionnement, les numéros dans le tableau suivant représentent la version minimale du navigateur prenant en charge cette propriété ; toutes les navigateurs populaires prennent en charge cette propriété.

	Firefox 2+ ^-moz-，29+ Google Chrome 4+ ^-webkit-，10+ Internet Explorer 8+ Apple Safari 3.2+ ^-webkit-，5.1 + Opera 9.5+

Pour en savoir plus

Veuillez consulter les tutoriels concernant les sujets suivants :CSS Box modèle，CSS dimensions。

propriétés associées :remplissage，bordure，marge。

CSS caption-côté propriété CSS3 boîte-ombre propriété