Webelix.net :: CSS - La propriété Border-Width

Inscription
fleche

Mot de passe oublié ?

Les 6 dernières pages de Cours et Dossiers ajoutées

(01/01/2008) PHP - Expression Rationnelle PREG_REPLACE
(01/01/2008) Trucs et Astuces - (PHP) Supprimer les espaces en trop dans une chaîne
(26/12/2007) Trucs et Astuces - (HTML) Jukebox vidéo en flash
(02/12/2007) Trucs et Astuces - (PHP) Manipulation des Dates
(10/11/2007) Trucs et Astuces - (JavaScript) Masquer/Désactiver des champs de formulaire
(02/11/2007) Trucs et Astuces - (JavaScript) Liste d'options dynamique

Informations Générales

Chargement en cours...

Nombre de Visites fleche

[ 139490 ]
Votre IP fleche

[ 38.103.63.16 ]

Vous êtes ici : Home Page

Cours

CSS

Propriete border-width

Imprimer

Informations Membres

	[192] Posts sur le forum
	[177] Membres inscrits

Il y a en ligne :

0 Membre

1 Invité

Membre en ligne:
Aucun

Partenariat

Vous pouvez aider ce site à évoluer, en contribuant à son développement. Proposez vos idées de cours et/ou dossiers. Rendez-vous dans « Partenariat » pour en savoir plus.

Nom de domaine

Partenaires

La propriété Border-Width

Cette propriété permet de définir une largeur pour la bordure d'un élément.
Avec cette commande, il est possible de spécifier la largeur de chaque côté d'une bordure d'un élément.

Dans ce cas, quatre tailles différentes peuvent se situer dans la propriété et prendre l'ordre suivant : côté supérieur, côté droit, côté inférieur et côté gauche.

Si seulement deux valeurs sont spécifiées alors, la première concernera le haut et le bas, et la seconde la droite et la gauche de la bordure.

border-width
Valeur	Taille thin medium thick
Type	CSS 1
Compatibilité	5+ 4+ 4+ 9+
Valeur par défaut	medium ou 0 selon le navigateur
Domaine d'application	Tous les éléments
Héritage	non
Media	visuel

Valeur possible	Action	Exemple
Largeur unique	Une bordure de valeur relative s'applique à l'élément.	td {border-width: 1.2em}
Largeurs différentes	Une bordure d'une taille fixe s'applique à l'élément.	p {border-width: 8px 3px 5px 8px}
mot-clé	Une bordure fine épaisse s'applique à l'élément.	pre {border-width: thick medium}

Exemples

Cet exemple montre un tableau dont les bordures extérieures ont une taille de 8 pixels.

cellule	cellule	cellule
cellule	cellule	cellule

table {border-width: 8px}

Cet exemple montre un tableau dont les bordures extérieures ont des tailles différentes, dans l'ordre : en haut 5px, à droite 10px, en bas 15px et à gauche 20px.

cellule	cellule	cellule
cellule	cellule	cellule

table {border-width: 5px 10px 15px 20px}