Не могу вспомнить 1 css свойство, как его найти?

Question

[Dinareyka]

Не могу вспомнить 1 css свойство.
Представим есть тестовый класс с заданой шириной и рамкой 5px

.test {
     width: 100px;
     border: 10px solid #000;
}

то ширине блока уже становится 120px, но хотелось бы что бы эти +20px входили в 100px ширины блока, а не плюсовались к 100px.

Answer 1

[frontender]

box-sizing: border-box

Comments

[Сергей Титов]

разве не border-box?

[Yakov Vylegzhanin]

Корректнее использовать border-box, потому что content-box включит и все марджины/паддинги. А у автора только бордер.

[frontender]

точно, простите.

[Сергей Титов]

Yakov Vylegzhanin: border-box padding тоже учитывает)

Answer 2

[Денис Т]

https://webref.ru/css/box-sizing
добавь в закладки этот ресурс, еще htmlbook

Comments

[Dinareyka]

Интересный сайт, спасибо за ссылку