Значение свойства `box-sizing` -
На схеме можно видеть, что их на самом деле больше двух. 4 термина для краёв (edge) и 4 для областей отдельных частей бокса (area).
Прикрепляю переведенную на русский схемe и оригинальную. Для большей наглядности использовала цвета из светлой темы веб-инспектора хрома, так выглядит привычнее и лучше запоминается.
Эти термины очень часто используются в спецификации и их знание значительно облегчит ее чтение.
#box_sizing #box_model
content-box
и border-box
это не просто значения. Это термины боксовой модели CSS. На схеме можно видеть, что их на самом деле больше двух. 4 термина для краёв (edge) и 4 для областей отдельных частей бокса (area).
Прикрепляю переведенную на русский схемe и оригинальную. Для большей наглядности использовала цвета из светлой темы веб-инспектора хрома, так выглядит привычнее и лучше запоминается.
Эти термины очень часто используются в спецификации и их знание значительно облегчит ее чтение.
#box_sizing #box_model