outline-width - Propriété CSS
Résumé des caractéristiques de la propriété outline-width
medium
| thick
| thin
medium
outline-width
passe progressivement d'une valeur à une autre.Description.
La propriété outline-width
définit l'épaisseur du contour d'un élément.
Pensez aussi à définir la propriété outline-style
pour que le contour soit effectivement affiché.
Certains styles de trait (double, effets de relief) nécessitent une épaisseur minimale de 2 ou 3 pixels pour être correctement rendus.
Pour une présentation générale des contours, et en particulier de la différence entre les contours et les bordures,
reportez-vous à la propriété résumée outline
.
Syntaxes pour outline-width
.
- outline-width: medium;
Contour d'épaisseur moyenne : 3 pixels environ.
- outline-width: thin;
Contour fin : 1 pixel environ.
- outline-width: thick;
Contour épais : environ 5 pixels.
- outline-width: 7px;
L'épaisseur du contour est déterminée par la valeur indiquée. Celle-ci doit être positive ou nulle, suivie d'une unité de dimension (voir les unités CSS de dimension).
Les pourcentages ne sont pas acceptés pour définir l'épaisseur des contours.
- outline-width:
initial
; outline-width:inherit
; outline-width:revert
; outline-width:revert-layer
; outline-width:unset
;La valeur initiale est :
.medium
Animation de la propriété outline-width
.
L'animation de outline-width
est sans surprise : c'est une valeur numérique qui évolue progressivement depuis la valeur
de départ définie dans l'animation jusqu'à la valeur de fin.
Bien entendu, puisqu'il s'agit d'un contour (et non pas d'une bordure) aucun élément n'est redimensionné ou déplacé pendant
l'animation.
Simulateur.
Le simulateur applique un contour sur un élément du type block
(balise div) et sur un élément
du type inline
(span). Mais pour ce qui est de l'épaisseur du contour, cela ne fait pas beaucoup
de différence.
sur une portion de texte (élément
inline
)
Prise en charge par les navigateurs (compatibilité).
La propriété outline-width
est bien reconnue par tous les navigateurs : pas de problème de compatibilité à signaler.
outline-width
.
outline-width
Navigateurs sur ordinateurs :
Navigateurs sur mobiles :
Navigateurs obsolètes ou marginaux :
Androïd Brower
Baidu Browser
Chrome
Chrome pour Androïd
Edge
Firefox
Firefox pour Androïd
Internet Explorer
KaiOS Browser
Opéra
Opéra Mobile
QQ Browser
Safari
Safari sur IOS
Samsung Internet
Oméra mini
Voir aussi, dans le même module de standardisation que outline-width
.
Les spécifications CSS éditées par le W3C sont organisées en modules. outline-width
fait partie du Module CSS - Interface utilisateur de base (CSS Basic User Interface Module ). Les définitions suivantes sont également décrites dans ce même module.