« Le langage CSS/Fonds, bordures, marges et espacements » : différence entre les versions

Contenu supprimé Contenu ajouté
Ligne 152 :
== Contour ==
 
Le contour s'apparente à la bordure dont il reprend en grande partie les propriétépropriétés de couleur, de style et de largeur. Il en diffère cependant sur plusieurs points :
* un contour ne peut pas avoir le style <code>hidden</code>
* il admet une nouvelle valeur de couleur, <code>invert</code>, qui le dessine en inversant les valeurs de couleurs d'arrière-plan et de premier plan du contexte
Ligne 159 :
* il ne peut pas être ouvert, et se referme toujours autour de l'élément
 
Les syntaxes des propriétés de contourcontours sont similaires à celles des bordures:
* <tt>outline-color</tt> prend les mêmes valeurs que <code>border-color</code>, plus <code>invert</code>
* <tt>outline-style</tt> prend les mêmes valeurs que <code>border-style</code>, sauf <code>hidden</code>
* <tt>outline-width</tt> prend les mêmes valeurs que <code>border-width</code>
* La propriété racourcieraccourcie <code>outline</code> s'utilise comme la proprétépropriété <code>border</code>
 
L'utilisation principale des contours est de signaler visuellement quel élément a reçu le focus à la suite d'une action de l'utilisateur: entrée dans un champ de formulaire, sélection d'un bouton ou d'un lien. Chaque navigateur graphique restitue alors un contour selon ses propres styles par défaut. Ces contours jouent donc un rôle clé pour les utilisateurs qui interagissent avec la page Web via le clavier ou un dispositif similaire, et non avec la souris. Les auteurs de pages Web ne doivent en aucun cas tenter de forcer leur disparition, et ne doivent agir qu'avec prudence s'ils souhaitent en modifier l'apparence.