Manuel de référence CSS

Règles CSS @RULES

Tous les attributs CSS

Bordure CSS-haut-Propriété width CSS3 bordure-haut-droite-Propriété radius

Bordure CSS-haut-Méthode d'utilisation et exemples de la propriété style

bordure-haut-La propriété style définit le style du bord supérieur de l'élément. Cependant, dans de nombreux cas, commebordure-styleoubordure-hautCes propriétés CSS abrégées sont plus faciles à utiliser et plus recommandées.

Le tableau suivant décrit l'utilisation et l'historique des versions de cette propriété, ainsi que sa syntaxe d'utilisation dans les scripts JavaScript.

Valeur par défaut :	Description
Applicable à :	Tous les éléments
Héritage :	Non
Animable :	Non.Voir également propriétés d'animation。
Version :	CSS 1，2，3
Syntaxe JavaScript :	objet.style.borderTopStyle="dotted"

bordure-haut-Syntaxe d'utilisation de style

La syntaxe de cette propriété est la suivante :

bordure-haut-style:　none　|　hidden　|　dotted　|
　　　　　　　　　　　　　　　　　　　　dashed　|　solid　|　double　|
　　　　　　　　　　　　　　　　　　　　groove　|　ridge　|　inset　|　outset　|　inherit

Le suivant exemple montre comment utiliser border-haut-propriété de style。

exemple

　　p　{
　　　bordure-haut-style:　dashed;
　　　bordure-haut-width:　3largeur:
　　px;

}/Vérifiez et voyez‹

›

Valeur de l'attribut

Le tableau suivant décrit les valeurs de cette propriété.	Valeur
Description	none
Pas de bordure visible.	hiddenComme none, mais la différence réside en ce que les cellules de tableau ontBordure repliée
Et deux cellules partagent la bordure. La valeur hidden assure que la bordure n'est pas dessinée, car hidden a la priorité sur tous les autres styles de bordure.	dotted
Affiche la bordure en une série de points.	dashed
Affiche la bordure en une série de segments courts, c'est-à-dire des tirets.	solide
Affiche la bordure en une ligne continue.	doublebordure-widthAffiche la bordure en deux lignes parallèles, avec un certain espace entre elles. La somme des deux lignes ainsi que l'espace entre elles est égale à
valeur.	groove3Affiche un bord gravé dans le canevas. Il donne une impression debordure-couleurL'impression de D, généralement réalisée en utilisant une couleur plus claire que la couleur du bord.
deux couleurs plus claires et plus foncées pour créer l'ombre.	ridge3Affiche un bord groove opposé à l'effet. Il donne également une
L'impression de D, les bords semblent sortir du canevas.	inset3Affiche un bord qui fait que le cadre de l'élément semble être intégré au canevas. Il donne une impression debordure-couleurD, cela est généralement réalisé en créant une ombre avec deux couleurs, plus claires que la couleur du bord.
peu plus clair et plus foncé.	outset3Affiche un bord inset opposé à l'effet. Il donne également une
L'impression de D, les bords font que le boîte semble sortir du canevas.	initial
Réinitialisez cette propriété à sa valeur par défaut.	inherit-haut-Si spécifié, l'élément lié utilise la bordure de son élément parent.

Valeur de l'attribut style.

bordure-haut-Compatibilité du navigateur

	Compatibilité du navigateur pour la propriété style, les numéros dans le tableau suivant représentent la version minimale du navigateur prenant en charge cette propriété ; tous les navigateurs populaires prennent en charge cette propriété. 1+ Firefox1+ Avertissement : 4+ Google Chrome 1+ Apple Safari 4+

Opera Avertissement : 7Internet Explorer8Supporté, mais les versions et plus anciennes ne prennent pas en charge value hidden. IEDOCTYPESupporté, mais nécessite un9et les versions supérieures prennent en charge cette valeur hidden. .IE

Pour en savoir plus

Voir la tutoriel :Bordure CSS，CSS3 Bordure。

Propriétés associées :bordure，bordure-style，bordure-haut，bordure-haut-couleur，
bordure-haut-width。

Bordure CSS-haut-Propriété width CSS3 bordure-haut-droite-Propriété radius