The width of an element does not include its border

[Faterou]

Originally reported by: Gabrielle Bastien (Bitbucket: gabrielle_bastien, GitHub: Unknown)

---

If an element is set to a certain width and has a border, the width read by Cornipickle is less than the given width, because of the border.
It could be better to set the default width as the total width (width + border), which represents the total space taken by the element on the page.

Suggestion:

width for the total width (i.e. the total space occupied)

• inner width for the width without the border

---

• Bitbucket: https://bitbucket.org/sylvainhalle/cornipickle/issue/2

[Faterou]

Original comment by Sylvain Hallé (Bitbucket: sylvainhalle, GitHub: sylvainhalle):

---

Removing component: JavaScript Probe (automated comment)

[Faterou]

Original comment by Francis Guérin (Bitbucket: Faterou, GitHub: Faterou):

---

Can an object's border influence the properties of other elements on the page? If it's just cosmetic, I'm not sure if always doing width + border is a good idea.

[Faterou]

Original comment by Sylvain Hallé (Bitbucket: sylvainhalle, GitHub: sylvainhalle):

---

Why not just have two different properties with two names:

• width for the total width (i.e. the total space occupied)
• inner width for the width without the border

[Faterou]

Original comment by Francis Guérin (Bitbucket: Faterou, GitHub: Faterou):

---

I agree with that.