Comment avoir un filet très fin ?

Bonjour à vous tous,

Comment faire pour avoir un filet très fin autour d'un élément ? Voici un exemple :

on peux donner une unité de mesure inférieure au pixel ?
J'ai essayé avec .1em ou .1rem mais ce n'est pas aussi fin.

Merci pour vos lumières

salut,avec un contour d'1/2px

.contour {
outline: 0.5px solid #000;
}

et en gris çà paraitra encore plus fin
Modifié par drphilgood (24 Jan 2024 - 10:05)

1px et 1/2px (c'est zoomé)

Modifié par drphilgood (24 Jan 2024 - 10:11)

Bonjour,

Par défaut c'est 1.6px tes valeurs !
Tu peux toujours essayer 0.01rem ou 0.1px mais à la fin ce sera 0 ou 1px (avec de l'antialiasing)
Un.e designer utilisera un gris beaucoup plus clair pour donner l'illusion.
(avec un fond blanc uni) box-shadow, outline, border tu auras peut-être des différences d'aliasing mais j'en doute

Les 2 particularités que j'ai pu observer sont :
1. L'outline actuel par défaut "outline: 1px auto" qui donne l'impression d'avoir 1.5 ou 2px d'épaisseur... Ah non forcément, c'est "auto" tout court, l'épaisseur est ignorée. TIL.
2. transform: translate(0.1px) (ou était-ce 0.5 ou 1 ?) quand j'avais des soucis de bordure disparaissant partiellement (il y a 5 ans ou plus...).

EDIT : ma mémoire me joue des tours, je croyais me rappeler que le mot-clé thin était particulier dans les cellules de tableaux pour la priorité entre 2 cellules adjacentes (et c'est pas ton souci ici) mais c'est border-style: hidden qui est particulier (vs none)
Modifié par Felipe (24 Jan 2024 - 10:17)

Merci pour vos réponses, j'ai essayé avec 0.5px et ça marche.
Modifié par ObiJuanKenobi (24 Jan 2024 - 15:41)