3 года назад
Ширина и высота элементов в CSS
Ширина содержимого: свойство width. С помощью свойства width можно задать ширину содержимого блока. Данное свойство нельзя применить к строчным элементам. Ширина содержимого строчных элементов определятся исходя из ширины их одержимого. !!! Отрицательные значения не допускаются. !!! Свойство не наследуется дочерними элементами. Значения свойства width: Синтаксис свойства:width: 100px; width: 10em; width: 50%; width: auto; width: inherit; Минимальная и максимальная ширина. Для задания максимальной и минимальной ширины используются свойства max-width и min-width...
CSS функции `min()` и `max
CSS функции `min()` и `max()` По моему опыту, CSS функцию clamp() любят больше, чем min() и max(). Конечно, она часто оказывается самой удобной, но и min(), и max() также могут принести огромную пользу. В отличие от clamp(), требующей трех значений, функции min() и max() принимают столько значений, сколько необходимо. Например, можно сделать что-то вроде этого: .element { inline-size: min(100%, 960px, 60ch); } Я начал использовать min() во многих местах, где раньше использовал свойства max-, например, max-inline-size. Один из распространенных примеров — классы .container/.wrapper: .wrapper...