logo oujood
🔍

CSS La propriété :border-width

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

OUJOOD.COM

La propriété CSS:border-width


Les propriétés CSS La propriété de feuille de style css border-width permet de spécifier l'épaisseur des quatre bordures d'un élément

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

La propriété border-width définit la largeur des quatre côtés d'un élément (frontières).

Exemples:

border-width:thin medium thick 5px;
  • bordure supérieure est mince
  • bord droit est de taille moyenne
  • bordure inférieure est épaisse
  • bord gauche est 5px
border-width:thin medium thick;
  • bordure supérieure est mince
  • droit et gauche sont de taille moyenne frontières
  • bordure inférieure est épaisse
border-width:thin medium;
  • frontières haut et en bas sont minces
  • droit et gauche sont de taille moyenne frontières

border-width:thin;

  • tous les quatre bords sont minces

Note:

Toujours déclarer la propriété border-style avant que la propriété border-width. Un élément doit avoir des frontières avant de pouvoir changer la couleur.

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

Code css : Sélectionner le code
	p
	{
	border-style:solid;
	border-width:5px;
	}

La valeur par défaut: medium
Héritée:no
Version: CSS1
la syntaxe JavaScript: object.style.borderWidth="thin thick"

Valeurs de la propriété :

Valeur Description
thin Spécifie une bordure mince
medium Spécifie une bordure moyenne par défaut
thick Spécifie une bordure épaisse
length permet de définir l'épaisseur de la frontière
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
Sommaire
Par carabde 10 mars 2014