outline

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

Cette forme courte de propriété permet de définir, à l'aide d'une seule instruction, la largeur, le style et/ou la couleur des quatre bords du contour d'un élément. Les propriétés qui ne sont pas explicitement définis adoptent leur valeur initiale.

Il existe deux différences principales entre un contour et une bordure. En premier lieu, le contour n'occupe aucun espace dans le modèle de cadre CSS. Il ne crée donc aucun décalage horizontal ou vertical. Le contour est "sur-imprimé" sur l'élément, juste au-delà du rectangle de la bordure. En second lieu, CSS ne limite pas le contour à une forme rectangulaire; par exemple, le contour peut avoir la forme irrégulière d'un paragraphe non justifié.

Syntaxe CSS
outline: border-color || border-style || outline-width
Valeur(s) possible(s) pour cette propriété :

Reportez-vous aux propriétés respectifs dans les sections suivantes.

Valeur initiale

Aucun.

Exemple
blockquote {outline: darkred ridge 5px}
S'applique à 

Tous les éléments.

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

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