Maison  >  Article  >  interface Web  >  Introduction détaillée au plan : aucun en CSS

Introduction détaillée au plan : aucun en CSS

黄舟
黄舟original
2017-07-24 09:43:1714036parcourir

Lorsqu'un élément obtient le focus, le cadre de focus est 0.
Par exemple, sur la page Web actuelle, lorsque vous utilisez la touche de tabulation pour basculer, il y aura une zone en pointillés (ou zone haute définition) en dehors du texte liens, champs de recherche, boutons, etc. Boîte lumineuse), l'élément actuel a gagné le focus et vous pouvez l'utiliser.
Cette fonction est généralement préparée pour les utilisateurs qui utilisent des opérations au clavier.
Pour certains liens, comme un lien d'image, vous pouvez utiliser cette méthode si vous ne voulez pas qu'un cadre en pointillé gâche le design.

Il est recommandé de ne pas le retirer et de l'utiliser uniquement dans des endroits qui affectent l'esthétique du design. Après tout, cette zone de focus est très utile pour les utilisateurs de clavier.

Définition et utilisation
L'attribut outline-style est utilisé pour styliser l'intégralité du contour d'un élément. Le style ne peut pas être nul, sinon le contour n'apparaîtra pas.

Le contour (contour) est une ligne tracée autour d'un élément, située à l'extérieur du bord de la bordure, qui permet de mettre en valeur l'élément. L'attribut outline définit le contour autour de l'élément.

Remarque : déclarez toujours l'attribut outline-style avant l'attribut outline-color. La couleur du contour d'un élément ne peut être modifiée qu'une fois que celui-ci a obtenu son contour.

Remarque : Les lignes de contour n'occupent pas d'espace et ne sont pas nécessairement rectangulaires.

Valeur par défaut : aucune

Définissez le style de contour :

p
  {
  outline-style:dotted;
  }

Prise en charge du navigateur
Tous les principaux navigateurs prennent en charge l'attribut outline-style.

Internet Explorer prend en charge l'attribut outline-style uniquement lorsque !DOCTYPE est spécifié.
Valeurs possibles
Description de la valeur
aucun défaut. Ne définissez aucun contour.
dotted définit un contour en pointillé.
en pointillés définit un contour en pointillés.
solid définit un contour solide.
double définit un contour à double ligne. La largeur de la double ligne est égale à la valeur de outline-width.
groove définit un profil de rainure 3D. Cet effet dépend de la valeur de la couleur du contour.
ridge définit le profil de faîtage 3D. Cet effet dépend de la valeur de la couleur du contour.
l'encart définit un profil de bord concave 3D. Cet effet dépend de la valeur de la couleur du contour.
début définit un contour de bord convexe 3D. Cet effet dépend de la valeur de la couleur du contour.
inherit spécifie que les paramètres de style de contour doivent être hérités de l'élément parent.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn