Attribut borderTopStyle du style

Définition et utilisation

borderTopStyle Définir ou obtenir le style de bord de l'élément.

Voir également :

Tutoriel CSS :Bordure CSS

Manuel de référence CSS :Attribut border-top-style

Manuel de référence HTML DOM :Attribut border

Exemple

Exemple 1

Ajouter un bord supérieur en relief pour l'élément <div> :

document.getElementById("myDiv").style.borderTopStyle = "solid";

Essayez-le vous-même

Exemple 2

Changez le style de bord supérieur de l'élément <div> en "dotted" :

document.getElementById("myDiv").style.borderTopStyle = "dotted";

Essayez-le vous-même

Exemple 3

Retourne le style de bord supérieur de l'élément <div> :

alert(document.getElementById("myDiv").style.borderTopStyle);

Essayez-le vous-même

Exemple 4

Démonstration de tous les différents valeurs :

var listValue = selectTag.options[selectTag.selectedIndex].text;
document.getElementById("myDiv").style.borderTopStyle = listValue;

Essayez-le vous-même

Syntaxe

Retourner la propriété borderTopStyle :

object.style.borderTopStyle

Définir la propriété borderTopStyle :

object.style.borderTopStyle = value|initial|inherit
Valeur Description
none Définit un bord sans bord. Par défaut.
hidden Identique à "none", mais à l'exception des conflits de bord des éléments de tableau.
dotted Définit un bord en point.
dashed Définit un bord en tiret.
solid Définit un bord solide.
double Définit deux bords. La largeur des deux bords est la même que la valeur de border-width.
groove Définit un bord 3D groove. L'effet dépend de border-color valeurs.
ridge Définit un bord 3D ridge. L'effet dépend de border-color valeurs.
inset Définit un bord 3D inset. L'effet dépend de border-color valeurs.
outset Définit un bord 3D outset. L'effet dépend de border-color valeurs.
initial Set this property to its default value. Voir initial.
inherit Inherits this property from its parent element. Voir inherit.

Détails techniques

Valeur par défaut : none
Valeur de retour : une chaîne de caractères, représentant le style de bord supérieur de l'élément.
Version CSS : CSS1

support du navigateur

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
supporte supporte supporte supporte supporte