Exemple
Définir le style de la bordure inférieure:
p {
border-style: solid;
border-bottom: thick dotted #ff0000;
}
Essayez - le vous - même » Définition et utilisation
La propriété raccourcie border-bottom définit toutes les propriétés de fond à la frontière dans une déclaration.
Les propriétés qui peuvent être définies, sont (in order) l' (in order) : border-bottom-width, border-bottom-style, et en bas-couleur de la bordure.
Il n'a pas d'importance si l'une des valeurs ci-dessus sont manquantes, par exemple border-bottom: # ff0000 solides; est autorisée.
| Valeur par défaut: | medium none color |
|---|---|
| Hérité: | no |
| Animable: | yes, see individual properties . Read about animatable Try it |
| Version: | CSS1 |
| Syntaxe JavaScript: | object .style.borderBottom="3px solid blue" Try it |
support du navigateur
Les chiffres du tableau indiquent la première version du navigateur qui prend en charge entièrement la propriété.
| Propriété | |||||
|---|---|---|---|---|---|
| border-bottom | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
Note: Voir le soutien du navigateur individuel pour chaque valeur ci - dessous.
Syntaxe CSS
border-bottom:border-widthborder-styleborder-color|initial|inherit;propriété valeurs
| Valeur | La description |
|---|---|
| border-bottom-width | Indique la largeur de la bordure inférieure. La valeur par défaut est "medium" |
| border-bottom-style | Indique le style de la bordure inférieure. La valeur par défaut est "none" |
| border-bottom-color | Indique la couleur de la bordure inférieure. La valeur par défaut est la couleur de l'élément |
| initial | Définit cette propriété à sa valeur par défaut. Lisez à propos initial |
| inherit | Hérite cette propriété de son élément parent. Lisez à propos de hériteront |
Pages associées
Tutoriel CSS: CSS Border
Référence HTML DOM: borderBottom property