CSS La propriété :border-width

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

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

Par carabde 10 mars 2014

  • Trafic Booster
    hebergement web

    SCREEBER - Logiciel de copywriting

    SCREEBER - Logiciel de copywriting Augmentez vos résultats en rejoignant les 1600 entrepreneurs qui utilisent Screeber®, le seul logiciel de Copywriting (en français) qui rédige avec vous des textes de vente qui convertissent


    HTML5, CSS3, JavaScript pour débutants Tome 1
    HTML5, CSS3, JavaScript
    pour débutants Tome 1

    Premier tome d'une série vidéo dédiée à l'apprentissage des langages HTML, CSS et JavaScript.

    Regarder aussi nos cours :

    La boucle for...in javascript

    La boucle for...in js : La boucle for... in peut exécuter des commandes à plusieurs reprises. La boucle for... in est couramment utilisée pour la manipulation d'objet.

    outline-width

    Définit la largeur d'une esquisse

    fonction strcspn

    Trouve un segment de chaîne ne contenant pas certains caractères



    Rentabilisez efficacement votre site