CSS La propriété: border-style

.......................

La propriété: border-style


Les propriétés CSS La propriété de feuille de style css border-style permet de spécifier le style de la bordure d'un élément

Définition et utilisation:La propriété border-style

La propriété border-style définit le style de quatre d'un élément bordure. Cette propriété ne peut avoir de un à quatre valeurs.
Exemples:

border-style:dotted solid double dashed;

  • bordure supérieure est en pointillés
  • bordure droit est solide
  • bordure inférieure est en double
  • bordure gauche est en petit tiret

border-style:dotted solid double;

  • bordure supérieure est en pointillés
  • bordures droit et gauche sont solides
  • bordure inférieure est en double

border-style:dotted solid;

  • bordure supérieure et inférieure sont en pointillés
  • bordures droit et gauche sont solides

border-style:dotted;

  • tous les quatre bords sont en pointillés
Code css : Sélectionner le code
	p
	{
	border-style:solid;
	}
	

La valeur par défaut: non spécifier
Héritée:non
Version: CSS1
la syntaxe JavaScript: object.style.borderStyle="dotted double"

Valeurs de la propriété :

Valeur Description
none aucune bordure
hidden Existe mais caché utilisé pour les tableaux
dotted Bordure en pointilé
dashed bordure en petit tiret
solid bordure en continu solid
double Bordure en double
groove Bordure en 3D l'effet depond de la valeur de border-color
ridge Bordure en 3D l'effet depond de la valeur de border-color
inset Bordure en 3D l'effet depond de la valeur de border-color
outset Bordure en 3D l'effet depond de la valeur de border-color
inherit Indique que le paramètre de la propriété doit être héritée de l'élément parent. Internet Explorer (IE8 y compris) ne supporte pas cette valeur

On peut dire la même chause pour definir le style de chaque bordure : haut, bas, gauche ou droite en utilisant les propiétés:
border-top-style, border-bottom-style, border-left-style , border-right-style




Par carabde 10 mars 2014