Définition de la CSS border-bottom.
La propriété de bordure CSS border-bottom
est un raccourci qui permet de spécifier le style de la bordure basse, l'épaisseur de la bordure basse et la couleur de la bordure basse d'un élément (X)HTML.
La propriété de bordure basse CSS border-bottom accepte une des valeurs de chaque propriété de bordure CSS suivante :
-
border-style
: spécifie le style CSS de la bordure basse. -
border-width
: spécifie la taille CSS de la bordure basse. -
border-color
: spécifie la couleur CSS de la bordure basse.
-
inherit
: valeur seule, la bordure basse hérite des propriétés CSS de bordure basse de son parent (CSS2).
Exemple de code border-bottom
CSS
Conditions d'application de la CSS border-bottom.
La propriété de bordure CSS border-bottom
est applicable sur l'ensemble des balises HTML ou XHTML.
La valeur de la CSS border-bottom
peut être mise directement dans la propriété de raccourci CSS border
.
Héritage des valeurs Css de border-bottom.
La propriété de bordure basse CSS border-bottom
n'est pas héritée.
Problème d'interprétation de border-bottom en Css.
La propriété de bordure basse CSS border-bottom
hérite des problèmes de chaque propriété qui la compose.
Règles de syntaxes CSS pour border-bottom.
Règle d'écriture de la bordure basse : border-bottom
Les valeurs assignées à la propriété de bordure basse CSS border-bottom
doivent être séparées par un espace et l'ordre n'a pas d'importance.
Vous pouvez omettre une ou des valeurs, dans ce cas, c'est
- la valeur par défaut de la propriété de bordure Css omise qui sera prise.
Propriétés CSS utilisées dans le raccourci border-bottom.
Spécifier les propriétés CSS de la bordure basse individuellement
Si vous ne voulez pas utiliser le raccourci de bordure basse border-bottom
, vous pouvez définir individuellement chaque propriété Css de la bordure Css basse en utilisant une des propriétés de bordure CSS suivante :
-
border-bottom-style
: définie le style Css de la bordure basse. -
border-bottom-color
: définie la couleur Css de la bordure basse. -
border-bottom-width
: définie l'épaisseur Css de la bordure basse.
Compatibilités navigateurs de la propriété border-bottom
- Détails des versions de la CSS border-bottom
- Propriété
border-bottom
est compatible avec CSS1 et plus. - Propriété
border-bottom
est compatible avec CSS2 et plus.
Exemples et astuces CSS pour utiliser border-bottom
Créer un triangle en Css avec les bordures
Il existe une technique CSS basée sur les bordures qui permet de faire un triangle en CSS.
Votre avis sur la définition border-bottom en CSS
Votez pour la définition CSS border-bottom
- 1/5
- 2/5
- 3/5
- 4/5
- 5/5
Votes: 4.6 / 5 - 13
votes
Cliquez sur une étoile pour voter.