Свойство font-grow
Описание
Задаёт направление основных осей в контейнере. Определяет положение флексов в контейнере. На направление также влияет значение атрибута dir у контейнера.
Синтаксис
flex-grow: число;Пример
<!DOCTYPE html>
<html lang='ru'>
<head>
<meta charset='UTF-8'>
<meta name='viewport' content='width=device-width, initial-scale=1.0'>
<title>Document</title>
</head>
<body>
<style>
.example-1 {
display: flex;
outline: 2px solid #000000;
}
.example-1-item {
flex-grow: 1;
padding: 13px;
margin: 2px;
background: #8b4b9b;
}
</style>
<div class='example-1'>
<div class='example-1-item'>webik webik webik</div>
<div class='example-1-item'>webik webik</div>
<div class='example-1-item'>webik</div>
</div>
</body>
</html>Читайте также
Свойство flex-shrink
Устанавливает коэффициент сжатия флексов в контейнере и задаёт, насколько элемент будет уменьшаться по отношению к другим флексам, чтобы разместить вс...
Свойство text-emphasis
Сокращённое свойство, позволяющее установить значения свойств text-emphasis-style и text-emphasis-color одновременно....
Функция calc()
Используется для указания вычисляемого значения свойств, которые в качестве значений используют размер, угол, время, число. Это позволяет задавать зна...
Правило @supports
Правило @supports позволяет проверить, поддерживает браузер ту или иную возможность, и на основе этого создать набор стилевых правил. Допустимо создав...