border-top-style |
Style de la bordure supérieur |
|---|---|
| CSS |
Syntaxe
|
border-top-style: paramètres; |
Paramètres
| Paramètre | Description | ||
|---|---|---|---|
| paramètres | Ce paramètre de propriété permet d'indiquer la variante : | ||
| Valeur | Aperçu | Description | |
| none | Ceci est un texte d'exemple |
Cet attribut permet d'indiquer qu'il n'y a pas de bordure. | |
| dashed | Ceci est un texte d'exemple |
Cet attribut permet d'indiquer que la bordure est de style de ligne pointillé. | |
| dotted | Ceci est un texte d'exemple |
Cet attribut permet d'indiquer que la bordure est de style de point pointillé. | |
| double | Ceci est un texte d'exemple |
Cet attribut permet d'indiquer une double bordure. | |
| groove | Ceci est un texte d'exemple |
Cet attribut permet d'indiquer que la bordure est de style ombré vers le bas. | |
| hidden | Cet attribut permet d'indiquer qu'il n'y a pas de bordure à l'exception de conflit avec des éléments d'un tableau. | ||
| inset | Ceci est un texte d'exemple |
Cet attribut permet d'indiquer que la bordure est de style ombré intérieur. | |
| outset | Ceci est un texte d'exemple |
Cet attribut permet d'indiquer que la bordure est de style ombré extérieur. | |
| ridge | Ceci est un texte d'exemple |
Cet attribut permet d'indiquer que la bordure est de style ombré vers le haut. | |
| solid | Ceci est un texte d'exemple |
Cet attribut permet d'indiquer que la bordure est une seule et même couleur sans aucun motif (solide). | |
Description
Cette propriété permet de définir le style ou l'apparence de la bordure supérieur d'un élément comme un tableau par exemple.
Remarques
- Définition et fonction : La propriété border-top-style permet de définir le style de la bordure supérieure d'un élément HTML. Elle contrôle l'apparence de cette bordure, comme un trait plein, un pointillé, un double trait, ou aucun trait.
- Valeurs acceptées : Cette propriété accepte plusieurs valeurs telles que none, solid, dashed, dotted, double, groove, ridge, inset, et outset. Chaque style offre une esthétique distincte pouvant être utilisée selon le contexte graphique.
- Valeur par défaut : Si aucune bordure n'est explicitement définie, la valeur par défaut de border-top-style est none, ce qui signifie qu'aucune bordure ne sera affichée même si d'autres propriétés de bordure sont spécifiées.
- Interaction avec d'autres propriétés de bordure : La propriété border-top-style fonctionne en tandem avec border-top-width et border-top-color. Si un style n'est pas défini, la bordure supérieure n'apparaîtra pas, même si une largeur ou une couleur est spécifiée.
- Effets visuels : Des styles comme groove, ridge, inset et outset créent un effet 3D ou d'ombre, en jouant sur la lumière et les couleurs, ce qui peut donner du relief à l'élément.
- Compatibilité avec les navigateurs Web : La propriété border-top-style est largement supportée par tous les navigateurs Web modernes. Cependant, l'apparence de certains styles (par exemple, dotted ou double) peut varier légèrement d'un navigateur Web à l'autre.
- Utilisation dans les designs spécifiques : Cette propriété est utile pour créer des séparateurs visuels ou des designs asymétriques en appliquant un style unique à la bordure supérieure d'un élément sans affecter les autres côtés.
- Héritage et spécificité : La propriété border-top-style n'est pas héritée par défaut. Cependant, elle peut être influencée par des règles CSS globales ou des classes parent définies avec des sélecteurs spécifiques.
Dernière mise à jour : Dimanche, le 20 décembre 2015