outline-width

Hérité : non   -   Compatibilité : FF, Mozilla, Opera, Safari IE 6,7 - CSS 2

Contrôle l'épaisseur du contour d'un élément. Pour éviter que le contenu environnant s'affiche sous le contour, vous devriez envisager d'ajouter une marge autour de l'élément.

Pour en savoir plus sur la différence entre "border" et "outline" voir la propriété outline.

Syntaxe CSS
outline-width: thin | medium | thick | longueur
Valeur(s) possible(s) pour cette propriété :

Trois constantes, thin | medium | thick, permettent au navigateur de définir le nombre exact de pixels à utiliser pour afficher le contour. Pour une plus grande précision, vous pouvez aussi spécifier une longueur (pour en savoir plus sur les valeurs de longueur, reportez-vous au début de ce chapitre). Une même valeur contrôle tous les bords du contour.

Valeur initiale

medium

Exemple
h1 {outline-style: ridge; outline-width: 5px}
div {outline-style: solid; outline-width: 2px}
S'applique à 

Tous les éléments.

Javascript
[window.]document .getElementById("elementID") .style .outlineWidth

outline
outline-color
outline-style
outline-width




Ce site vous a plu ? Visitez aussi : Conception de sites Internet et Le design des sites Web


Cette page est inspirée d'un texte anglophone extrait du livre HTML - Definitive Reference.
L'adaptation de ce texte a été réalisée par css-faciles.
Son contenu peut être recopié sous la condition express de faire figurer la présente mention
(y compris les 2 liens ci-dessus) dans le contenu copié.
This work is licensed under a Creative Commons License.
Pour plus de détail sur ce copyright,
consultez notre page consacrée aux droits de copie.


Valid HTML 4.01 Transitional
Raccourcis
Contact liens d'évitement et raccourcis clavier Droits de copie Accueil Imprimer
Aller au menu