Définition de la css outline


Propriété css : outline

Détails des versions feuilles de style css outline
css2
Détails de compatiblilité de la feuilles de style css outline pour les navigateurs
Mozilla + et Firefox +
Safari 1 +


Définition de outline

La propriété css outline permet de spécifier en une seule déclaration les propriétés des quatre contours d'un élément.
Exemple de code :
identifiant{
  outline:red dotted 2px ;
}

La propriété outline css ne réagissent pas comme les bordures, ces contours viennent au dessus de l'élément et n'interviennent pas dans la taille de l'élément.
La propriété outline css peut prendre les valeurs des propriétés css (dans l'ordre) de :
- outline-color, couleur des contours,
- outline-style, style des contours,
- outline-width, taille des contours,

Vous pouvez omettre une ou des valeurs.
- inherit, valeur seule, hérite de son parent (css 2).


Application des outline

La propriété css outline-color est applicable sur toutes les balises HTML ou XHTML.


Problèmes des outline

La propriété outline-color css pose des problèmes d'interprétation.


BUG INTERNAUTE

Explication

Vous trouverez ci-dessous divers bugs d'interprétation de la css outline.
Ces bugs ont été transmis par les internautes du site.

J'ai vérifié certains bugs mais pour la plupart, ils sont soit sur MAC soit sur un navigateur que je ne possède pas.
Ceux que j'ai pu visualiser sont notés
Bug vérifié : oui.



Reporter un bug ou problème d'interprétationavec la propriété outline
La propriété css OUTLINE-WIDTH permet de spécifier l'épaisseur des quatre contours d'un élément..identifiant{ OUTLINE-WIDTH : 1px; } La propriétéoutl...[Voir]La propriété css OUTLINE-STYLE permet de spécifier le style des quatre contours d'un élément.identifiant{ OUTLINE-STYLE : dotted; } La propriété outl...[Voir]La propriété css OUTLINE-COLOR permet de spécifier la couleur des quatre contours d'un élément..identifiant{ OUTLINE-COLOR : red; } La propriété outl...[Voir]