Différence entre border CSS 1px et valeur console 0.93px

Question

Avec la console, quand je pointe sur "C la reine des tartes", j'ai un petit souci entre le code et la console :
Dans le CSS, on a mis un border-top à 1px .
Dans la console, je vois border à 0.933333 . Pourquoi ce n'est pas à 1 ?
Et du coup, est-ce que cela peut jouer sur un calcul de hauteur comprenant plusieurs border-top et/ou bottom ?

Louis-Nicolas Leuillet · Accepted Answer

Merci ! Maintenant c'est plus clair pour moi : en fait ta bordure fait bien 1px mais avec les valeurs calculées tu peux avoir un résultat qui est différent :)

Louis-Nicolas Leuillet · Answer

Hello
Alors effectivement ici j'ai quand même quelques difficultés à comprendre x)
Est-ce que tu peux me montrer ou m'envoyer une capture d'écran ?

René Barousse · Answer

J'ai fait un PNG, mais je n'arrive pas à le joindre. Je te mets un lien.
https://www.mediafire.com/view/xsmnxobm9w4pezf/border.png/file

René Barousse · Answer

ah c'est bon voila l'image :p

René Barousse · Answer

Qu'est-ce que tu appelles les valeurs calculées ? Car pour moi, ce n'est pas clair du tout.

Louis-Nicolas Leuillet · Answer

En fait, ton navigateur va calculer les dimensions des éléments dynamiquement. Il va te montrer, sur la partie de droite que tu vois avec des encadrés, les valeurs précises qu’il a finalement calculées depuis ton site Internet. Mais ce ne sont pas forcément les valeurs qui sont données dans ton code CSS.

Différence entre border CSS 1px et valeur console 0.93px

Formation Apprendre HTML (legacy)