border-top CSS propriété

Définition de la CSS border-top.

La propriété de bordure CSS border-top est un raccourci qui permet de spécifier le style de la bordure haute, l'épaisseur de la bordure haute et la couleur de la bordure haute d'un élément (X)HTML.

Exemple de syntaxe CSS border-top :
border-top : solid 10px powderblue;
border-top : groove #7CFC00;
border-top : rgb(0,255,0);
La propriété de bordure haute Css border-top accepte une valeur de chaque propriété CSS suivante :
  • : spécifie le style Css de la bordure haute.
  • : spécifie la taille Css de la bordure haute.
  • : spécifie la couleur Css de la bordure haute.
ou la bordure haute CSS border-top peut prendre la valeur de :
  • inherit : valeur seule, la bordure haute hérite de propriétés de bordure haute de son parent (CSS2).

Conditions d'application de la CSS border-top.

La propriété de feuille de style border-top CSS est applicable sur l'ensemble des balises HTML ou XHTML.

La valeur de la CSS border-top peut être mise directement dans la propriété de raccourci CSS .

Problème d'interprétation de border-top en Css.

La propriété de bordure haute CSS border-top hérite des problèmes de chaque propriété de bordure CSS qui la compose.

Règles de syntaxes CSS pour border-top.

Règle décriture de de la bordure haute : border-top

Les valeurs assignées à la propriété de bordure haute CSS border-top sont 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 haute 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-top.

Spécifier les propriétés CSS de la bordure haute individuellement

Si vous ne voulez pas utiliser le raccourci de bordure border-top, vous pouvez définir individuellement chaque propriété Css de la bordure Css haute en utilisant une des propriétés de bordure CSS suivante :

Exemple d'écriture CSS de propriétés de la bordure Css haute spécifiées individuellement :
.identifiant{
  border-top-style : dashed;
  border-top-width : 2px;
  border-top-color : #87CEFA;
}

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

Exemples et astuces CSS pour utiliser border-top

Créer un triangle en Css avec les bordures

Il existe une technique CSS basée sur les bordures Css qui permet de faire un triangle en CSS.

Votre avis sur la définition border-top en CSS

Votez pour la définition CSS border-top

  • 1/5
  • 2/5
  • 3/5
  • 4/5
  • 5/5

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