Une propriété permet de regrouper l'ensemble des commandes précitées, c'est-à-dire la largeur, le style et la couleur, afin d'exécuter la mise en forme complète de chacune des bordures d'un élément à l'image de la propriété précédente border.

Exemple
border-top
Valeur border-width
border-style
border-color
Valeur par défaut Selon les différentes
propriétés
Domaine d'application Tous les éléments
Héritage non
Media visuel
border-left
Valeur border-width
border-style
border-color
Valeur par défaut Selon les différentes
propriétés
Domaine d'application Tous les éléments
Héritage non
Media visuel
border-right
Valeur border-width
border-style
border-color
Valeur par défaut Selon les différentes
propriétés
Domaine d'application Tous les éléments
Héritage non
Media visuel
border-bottom
Valeur border-width
border-style
border-color
Valeur par défaut Selon les différentes
propriétés
Domaine d'application Tous les éléments
Héritage non
Media visuel
Valeur
possible		 Action Exemple
Couleur Une couleur s'applique à la bordure supérieure de l'élément. h2 {border-top: rgb(147, 255, 163}
Style La bordure inférieure de l'élément est cachée. img {border-bottom: hidden}
Taille Une largeur de 10 pixels s'applique à la bordure gauche de l'élément. object {border-left: 10px}
Style, Couleur Des tirets et une couleur s'appliquent à la bordure droite de l'élément. embed {border-right: dashed red}
Taille, Style, Couleur La bordure a une largeur de 3 mm, elle est pleine et de couleur pourpre. blockquote {
border-bottom-style:
3mm solid purple
}
Taille, Style, Couleur La bordure a une largeur de 3mm, elle est entourée d'un double tiret d'une certaine couleur. h2 {
border-top-style:
3px double rgb(120, 120, 120
}
Compatibilité
Windows Macintosh
NE4 NE6 NE7 IE5 IE55 IE6 OP5 OP6 OP7 NE4 NE6 NE7 IE4 IE5
Sommaire
> Exemple de bordures