Non standard
Cette fonctionnalité n'est ni standard, ni en voie de standardisation. Ne l'utilisez pas pour des sites accessibles sur le Web : elle ne fonctionnera pas pour tout utilisateur. Il peut également y avoir d'importantes incompatibilités entre les implémentations et son comportement peut être modifié dans le futur.
La propriété -moz-float-edge définit si les propriétés de hauteur et de larguer d'un élément incluent la marge, la bordure et/ou le remplissage (padding).
| Valeur initiale | content-box |
|---|---|
| Applicabilité | tous les éléments |
| Héritée | non |
| Média | visuel |
| Valeur calculée | comme spécifié |
| Animable | non |
| Ordre canonique | l'ordre unique et non-ambigu défini par la grammaire formelle |
Syntaxe
/* Valeurs avec un mot-clé */ -moz-float-edge: border-box; -moz-float-edge: content-box; -moz-float-edge: margin-box; -moz-float-edge: padding-box; /* Valeurs globales */ -moz-float-edge: inherit; -moz-float-edge: initial; -moz-float-edge: unset;
Valeurs
border-box- Les propriétés de hauteur et de largeur incluent le contenu, le remplissage et la bordure mais pas la marge.
content-box- Les propriétés de hauteur et de largeur incluent le contenu, mais pas le remplissage, la bordure et la marge.
margin-box- Les propriétés de hauteur et de largeur incluent le contenu, le remplissage, la bordure et la marge.
padding-box- Les propriétés de hauteur et de largeur incluent le contenu et le remplissage mais pas la bordure ni la marge.
Syntaxe formelle
border-box | content-box | margin-box | padding-box
Exemples
CSS
.box {
display: block;
height: 5px;
margin: 0.5em auto 0.5em auto;
color: gray;
-moz-float-edge: margin-box;
box-sizing: border-box;
}
HTML
<div class="box">
<p>
Lorem ipsum dolor sit amet,
consectetur adipiscing elit.
</p>
</div>
Résultat
Spécifications
Cette pseudo-classe est une pseudo-classe propriétaire liée à Gecko/Mozilla et ne fait partie d'aucune spécification.
Voir aussi
Étiquettes et contributeurs liés au document
Étiquettes :
Contributeurs à cette page :
SphinxKnight
Dernière mise à jour par :
SphinxKnight,