Derniers tutoriels de développement web
 

Style borderTop Property

<Style objet

Exemple

Ajouter une bordure supérieure à un <div> élément:

document.getElementById("myDiv").style.borderTop = "thick solid #0000FF";
Essayez vous - même »

Définition et utilisation

Les ensembles de propriétés borderTop ou retourne jusqu'à trois propriétés border-top séparées, sous une forme abrégée.

Avec cette propriété, vous pouvez définir / retourner un ou plusieurs des éléments suivants (in any order) :

  • border-top-width
  • border-top style
  • border-top-couleur

Support du navigateur

Internet ExplorerFirefoxOperaGoogle ChromeSafari

La propriété borderTop est pris en charge dans tous les principaux navigateurs.


Syntaxe

Retour la propriété borderTop:

object .style.borderTop

Définissez la propriété borderTop:

object .style.borderTop=" Valeurs de propriété
Paramètre La description
width Définit la largeur de la bordure supérieure
style Définit le style de la bordure supérieure
color Définit la couleur de la bordure supérieure
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: non précisé
Valeur de retour: Une chaîne, représentant la largeur, le style et / ou la couleur de la bordure supérieure d'un élément
version CSS CSS1

autres exemples

Exemple

Changer la largeur, le style et la couleur de la bordure supérieure d'un <div> élément:

document.getElementById("myDiv").style.borderTop = "thin dotted red";
Essayez vous - même »

Exemple

Retour les valeurs de propriété border-top d'un <div> élément:

alert(document.getElementById("myDiv").style.borderTop);
Essayez vous - même »

Pages associées

Tutoriel CSS: CSS Border

Référence CSS: la border-top property

Référence HTML DOM: border property


<Style objet