« Le langage CSS/Le modèle de boîte » : différence entre les versions
Contenu supprimé Contenu ajouté
m <source> -> <syntaxhighlight> (phab:T237267) |
Aucun résumé des modifications |
||
Ligne 1 :
<noinclude>{{Sommaire CSS}}</noinclude>
== Modèle de boîte d'un élément ==
Chaque élément est modélisable sous forme de boîtes imbriquées.
{| class="flexible"
|
<div class="css-boite" style="padding:0 1em 1em 1em;width:14em;background-color:#8885;text-align:center;">
margin
<div class="css-boite" style="padding:0 1em 1em 1em;background-color:#8885;text-align:center;">
border
<div class="css-boite" style="padding:0 1em 1em 1em;background-color:#8885;text-align:center;">
padding
<div class="css-boite" style="background-color:#8885;text-align:justify;">
Zone de contenu (texte, image, ...).
</div>
</div>
</div>
</div>
|
;margin:Espace entre les bordures des éléments.
;border:Bordure autour de l'élément, d'épaisseur variable.
;padding:Espace entre la bordure et le contenu de l'élément.
|}
Chacune de ces propriétés peuvent se décliner dans les 4 directions.
Voir [[../Fonds, bordures, marges et espacements|le chapitre sur les bordures, marges et espacements]] pour plus de détails.
== Ombrage des boites ==
| |||