Références Webmaster : Feuilles de styles

Bloc | Arrière-plan et couleurs | Encadrements | Polices | Listes | Textes | Effets visuels | Effets sonores | Contenu généré/numérotation automatique | Pagination | Table | Interface utilisateur | Toutes les propriétés

Propriétés des encadrements



Chaque page de l'arborescence du document est encadrée et mise en forme en fonction d'un modèle visuel. Les éléments qui suivent s'appliquent à l'encadrement d'un élément.

border | border-bottom, border-left, border-right, border-top | border-color | border-bottom-color, border-left-color, border-right-color, border-top-color | border-style | border-bottom-style, border-left-style, border-right-style, border-top-style | border-width | border-bottom-width, border-left-width, border-right-width, border-top-width | clear | height, width | margin | margin-bottom, margin-left, margin-right, margin-top | max-height, max-width | min-height, min-width | padding | padding-top, padding-right, padding-bottom, padding-left

border

Définit les même largeur, couleur, et style pour les quatre côtés de l'encadrement d'un élément.

Valeur CSS1 ['border-width' || 'border-style' | <color>]
Valeur CSS2 inherit
Valeur initiale Non définie (groupement de propriétés).
Appliqué à Tous les éléments.
Hérité Non.
Notes Cette propriété accepte une seule valeur. Pour définir chaque côté de l'encadrement avec une valeur différente, utilisez les propriétés border-width, border-style, ou border-color.

border-bottom, border-left, border-right, border-top

Regroupe les propriétés de largeur, de style, et de couleur des côtés de l'encadrement inférieur, gauche, droite ou supérieur (respectivement) d'un élément.

Valeur CSS1 ['border-bottom-width' || 'border-style' || <color>]<RL>['border-left-width' || 'border-style' || <color>]<RL>['border-right-width' || 'border-style' || <color>]<RL>['border-top-width' || 'border-style' || <color>]
Valeur CSS2 inherit
Valeur initiale Non définie.
Appliqué à Tous les éléments.
Hérité Non.

border-color

Définit la couleur des quatre côtés de l'encadrement.

Valeur CSS1 <color> (1,4) | transparent
Valeur CSS2 inherit
Valeur initiale La valeur de la propriété <color>.
Appliqué à Tous les éléments.
Hérité Non.
Notes Cette propriété accepte jusqu'à quatre valeurs comme suit :
Une valeur : définit la couleur des quatre côtés de l'encadrement.
Deux valeurs : la première définit la couleur des bords supérieur et inférieur, la seconde celle des bords gauche et droit.
Trois valeurs : la première définit la couleur du bord supérieur, la deuxième celle des bords gauche et droit, et la troisième s'applique au bord inférieur.
Quatre valeurs : les couleurs des côtés supérieur, droit, inférieur et gauche respectivement.

border-bottom-color, border-left-color, border-right-color, border-top-color

Spécifie les couleurs de l'encadrement d'un objet.

Valeur CSS1 <color>
Valeur CSS2 inherit
Valeur initiale La valeur de la propriété <color>.
Appliqué à Tous les éléments.
Hérité Non.

border-style

Définit le style des quatre côtés de l'encadrement.

Valeur CSS1 none | dotted | dashed | solid | double | groove | bridge | inset | outset
Valeur CSS2 inherit
Valeur initiale none
Appliqué à Tous les éléments.
Hérité Non.
Notes Cette propriété accepte de une à quatre valeurs (consultez les notes associées à border-color). Si aucune valeur n'est indiquée, c'est la couleur de l'élément lui-même qui s'applique.

border-bottom-style, border-left-style, border-right-style, border-top-style

Définit le style d'un côté d'encadrement spécifique (inférieur, gauche, droit, ou supérieur).

Valeur CSS1 none | dotted | dashed | solid | double | groove | bridge | inset | outset
Valeur CSS2 inherit
Valeur initiale none
Appliqué à Tous les éléments.
Hérité Non.

border-width

Définit les quatre propriétés border-width-top, border-width-right, border-width-bottom, et border-width-left.

Valeur CSS1 [thin | medium | thick] | <length>
Valeur CSS2 inherit
Valeur initiale Non définie.
Appliqué à Tous les éléments.
Hérité Non.
Notes Cette propriété accepte de une à quatre valeurs (consultez les notes associées à border-color).

border-bottom-width, border-left-width, border-right-width, border-top-width

Définit la largeur des bordures inférieure, gauche, droite, ou supérieure d'un élément (respectivement).

Valeur CSS1 [thin | medium | thick] | <length>
Valeur CSS2 inherit
Valeur initiale medium
Appliqué à Tous les éléments.
Hérité Non.

clear

Précise quel côté d'un objet ne doit pas être adjacent à un objet flottant déjà présent.

Valeur CSS1 none | left | right | both
Valeur CSS2 inherit
Valeur initiale none
Appliqué à Les éléments de blocs.
Hérité Non.

height, width

Spécifie la hauteur ou la largeur du contenu d'un objet.

Valeur CSS1 <length> | auto
Valeur CSS2 <percentage> | inherit
Valeur initiale auto
Appliqué à Tous les éléments sauf les éléments en ligne non remplacés et les colonnes de tableau ; ne s'applique pas non plus aux groupes de colonnes (pour height) ou aux groupes de lignes (pour width).
Hérité Non.

margin

Définit les quatre propriétés margin-top, margin-right, margin-bottom et margin-left.

Valeur CSS1 <length> | <percentage> | auto
Valeur CSS2 inherit
Valeur initiale Non définie.
Appliqué à Tous les éléments.
Hérité Non.

margin-bottom, margin-left, margin-right, margin-top

Définit les marges inférieure, gauche, droite, ou supérieure de l'encadrement d'un objet (respectivement).

Valeur CSS1 <length> | <percentage> | auto
Valeur CSS2 inherit
Valeur initiale 0
Appliqué à Tous les éléments.
Hérité Non.
>
max-height, max-width

Etablit une valeur maximum pour la hauteur et la largeur de l'encadrement d'un objet.

Valeur CSS1 <length> | <percentage> | inherit
Valeur CSS2 100%
Valeur initiale Tous les éléments.
Appliqué à Non.
Hérité Les pourcentages s'appliquent à la hauteur de l'élément parent.

min-height, min-width

Etablit une valeur minimum pour la hauteur et la largeur de l'encadrement d'un objet.

Valeur CSS1 <length> | <percentage> | inherit
Valeur CSS2 0
Valeur initiale Tous les éléments.
Appliqué à Non.
Hérité Les pourcentages s'appliquent à la hauteur de l'élément parent.

padding

Définit les quatre propriétés padding-top, padding-right, padding-bottom et padding-left.

Valeur CSS1 <length> | <percentage>
Valeur CSS2 inherit
Valeur initiale Non définie.
Appliqué à Tous les éléments.
Hérité Non.

padding-top, padding-right, padding-bottom, padding-left

Spécifie la largeur de la marge supérieure, droite, inférieure et gauche par rapport aux bords de l'encadrement d'un objet.

Valeur CSS1 <length> | <percentage>
Valeur CSS2 inherit
Valeur initiale 0
Appliqué à Tous les éléments.
Hérité Non.
Notes Les valeurs ne peuvent être négatives. Les pourcentages s'appliquent à la largeur de l'élément parent.
>


Bloc | Arrière-plan et couleurs | Encadrements | Polices | Listes | Textes | Effets visuels | Effets sonores | Contenu généré/numérotation automatique | Pagination | Table | Interface utilisateur | Toutes les propriétés