Les balises blocs

Une balise bloc est une balise dont le contenu sera affiché en commençant sur une nouvelle ligne dans le document. Par exemple <H1>, <P> et <CENTER> sont des balises blocs, <B> n'en est pas une (on dit parfois dans ce cas que la balise définit un élément ``en ligne''). Une balise bloc est traitée comme une boite qui contient tout ce qui est délimité par la balise. On peut spécifier pour la boite:

- les marges par rapport au document,

- la forme du contour,

- la distance du contenu par rapport au contour,

- la largeur de la boite (redondant si les marges ont été définies !),

- l'alignement horizontal de la boite.

Exemple:

<STYLE TYPE="text/css">
    P {background-color: red; border-width: 5pt; 
       border-color: blue;}
    BLOCKQUOTE {margin-left: 25%; border-width: 10pt; 
                padding: 5pt 10pt 5pt 10pt;}
</STYLE>

Le texte délimité par la balise <P>sera écrit sur un fond rouge et encadré par une bordure bleue d'épaisseur 5points.
La boite délimitée par la balise <BLOCKQUOTE> sera décalée (dans son élément parent) vers la droite d'une distance égale à 25% de la taille de son élément parent. Le texte de la boite sera encadré d'une bordure d'épaisseur 10 points et se trouvera à une distance gauche et droite de 5 points de la bordure et à une distance haute et basse de 10 points de la bordure.

Consultez l'annexe de ce document pour les différents attributs des balises blocs.

Les principaux attributs pouvant être modifiés sont:

- les marges (margin-top, margin-right, margin-bottom, margin-left),

- l'épaisseur de la bordure (border-top-width, border-right-width, border-bottom-width, border-left-width),

- l'écart du texte à la bordure (padding-top, padding-right, padding-bottom, padding-left)