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.
border-top
accepte une valeur de chaque propriété CSS suivante :-
border-style
: spécifie le style Css de la bordure haute. -
border-width
: spécifie la taille Css de la bordure haute. -
border-color
: spécifie la couleur Css de la bordure haute.
-
inherit
: valeur seule, la bordure haute hérite de propriétés de bordure haute de son parent (CSS2).
Exemple de code border-top
CSS
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 border
.
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 :
-
border-top-style
: définie le style Css de la bordure haute. -
border-top-color
: définie la couleur Css de la bordure haute. -
border-top-width
: définie l'épaisseur Css de la bordure haute.
Compatibilités navigateurs de la propriété border-top
- Détails des versions de la CSS border-top
- Propriété
border-top
est compatible avec CSS1 et plus. - Propriété
border-top
est compatible avec CSS2 et plus.
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
Votes: 4.5 / 5 - 19
votes
Cliquez sur une étoile pour voter.