Some questions about line-height content area

this calculated height determines the content-area (content area) of the HTML element, and I"ll talk about content-area later. You can think of content-area as the area where background acts .
for inline elements, padding and border increase the background area, but not content-area (not the height of the line-box). Generally speaking, you can"t see content-area on the screen. Margin-top and margin-bottom had no effect on both.
for replaceable inline elements (replaced inline elements), inline-block and blockified, padding, margin and border increase height . Note that margin), therefore affects the height of content-area and line-box

the first paragraph above says that content-area is the area where background acts, but for inline elements, it adds that background is not a content area. Is that a contradiction between the two?

article links

Mar.01,2021

first of all, I would like to praise you for reading very carefully.

read the article, about this question, I was also very confused when I first saw it. However, this is a translation, so I went to look at the original text, in which there are comments:

it's not strictly true

so, this is just a loose statement in the first half of the article to give readers a quick understanding of context-area. Therefore, it is normal for some contradictions to appear in the back.

therefore, if you read roughly, you can read the translation, but if you want to study it carefully, it is recommended to read the original text.

BTW, this article is so well written that it is collected. Thank you for letting me know such a good article.

Menu