border-bottom CSS propriété

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.

Exemple de syntaxe CSS border-bottom :
border-bottom : 6px double blue;
border-bottom : ridge #87CEFA;
border-bottom : rgb(222,184,135);

La propriété de bordure basse CSS border-bottom accepte une des valeurs de chaque propriété de bordure CSS suivante :

  • : spécifie le style CSS de la bordure basse.
  • : spécifie la taille CSS de la bordure basse.
  • : spécifie la couleur CSS de la bordure basse.
ou la bordure basse CSS border-bottom peut prendre la valeur de :
  • inherit: valeur seule, la bordure basse hérite des propriétés CSS de bordure basse de son parent (CSS2).

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 .

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.
Vous trouverez cette informations dans la définition de chaque propriété de la bordure Css.

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 :

Exemple d'écriture CSS de propriétés de la bordure basse spécifiées individuellement :
.identifiant{
  border-bottom-color : dodgerblue;
  border-bottom-width : 5px;
  border-bottom-style : double;
}

Compatibilités navigateurs de la propriété border-bottom

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

Avis sur la page https://www.zonecss.fr/proprietes-css/border-bottom-css.html Votes: 4.6 / 5 - 13 votes
Cliquez sur une étoile pour voter.