Exemple
Ajouter un "solid" bordure supérieure à un <div> élément:
document.getElementById("myDiv").style.borderTopStyle = "solid"; Essayez vous - même » Définition et utilisation
Les ensembles de propriétés de borderTopStyle ou retourne le style de la bordure supérieure d'un élément.
Support du navigateur
La propriété borderTopStyle est pris en charge dans tous les principaux navigateurs.
Syntaxe
Retour la propriété borderTopStyle:
object .style.borderTopStyle
Définissez la propriété borderTopStyle:
object .style.borderTopStyle= value |initial|inherit
Valeurs de propriété
| Valeur | La description |
|---|---|
| none | Définit pas de frontière. Ce défaut est |
| hidden | Identique à "none" , sauf dans la résolution des conflits à la frontière pour les éléments de table |
| dotted | Définit une bordure en pointillé |
| dashed | Définit une bordure en pointillés |
| solid | Définit une bordure solide |
| double | Définit deux frontières. La largeur des deux bordures sont les mêmes que la valeur de largeur frontière |
| groove | Définit une bordure rainurée 3D. L'effet dépend de la valeur couleur de la bordure |
| ridge | Définit une bordure striée 3D. L'effet dépend de la valeur couleur de la bordure |
| inset | Définit une bordure incrustée 3D. L'effet dépend de la valeur couleur de la bordure |
| outset | Définit une frontière d'entrée de jeu 3D. L'effet dépend de la valeur couleur de la bordure |
| initial | Définit cette propriété à sa valeur par défaut. Lisez à propos initial |
| inherit | Hérite cette propriété de son élément parent. En savoir plus sur hériteront |
Détails techniques
| Valeur par défaut: | aucun |
|---|---|
| Valeur de retour: | Une chaîne, ce qui représente le style de la bordure supérieure d'un élément |
| version CSS | CSS1 |
autres exemples
Exemple
Changer le style de la bordure supérieure d'un <div> élément "dotted" en "dotted" :
document.getElementById("myDiv").style.borderTopStyle = "dotted";
Essayez vous - même » Exemple
Retour en haut le style de bordure d'un <div> élément:
alert(document.getElementById("myDiv").style.borderTopStyle); Essayez vous - même » Exemple
Une démonstration de toutes les différentes valeurs:
var listValue = selectTag.options[selectTag.selectedIndex].text;
document.getElementById("myDiv").style.borderTopStyle = listValue; Essayez vous - même » Pages associées
Tutoriel CSS: CSS Border
Référence CSS: la border-top-style property
Référence HTML DOM: border property
<Style objet