Размер окна Tailwind CSS

Этот класс принимает более одного значения в CSS попутного ветра, все свойства охватываются как в форме класса. Это альтернатива свойству CSS box-sizing. Этот класс используется для определения того, как пользователь должен вычислять общую ширину и высоту элемента, то есть отступы и границы, должны быть включены или нет.

Размеры коробки:

• рамка-рамка
• содержимое коробки

box-border: в этом режиме свойства ширины и высоты включают содержимое, отступы и границы, т.е. если мы установим ширину элемента на 200 пикселей, эти 200 пикселей будут включать любую границу или отступ, которые мы добавили, а поле содержимого сузится до поглотите эту лишнюю ширину. Обычно это значительно упрощает размер элементов.

Синтаксис:

 <element class = "box-border"> .. </element>

Пример:

Выход:

box-content: это значение по умолчанию для класса box-sizing. В этом режиме классы ширины и высоты включают только контент. Граница и отступы в него не включаются, т.е. если мы установим ширину элемента на 200 пикселей, тогда ширина поля содержимого элемента будет 200 пикселей, а ширина любой границы или отступа будет добавлена к окончательной ширине визуализации.

Синтаксис:

 <element class = "box-content"> .. </element>

Пример:

Выход: