Свойство 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>Читайте также
Свойство page-break-after
Добавляет разрыв страницы при печати документа после заданного элемента....
Свойство min-height
Устанавливает минимальную высоту элемента.
Значение высоты элемента будет вычисляться в зависимости от значений установленных свойств height, m...
Селекторы атрибутов со значениями
Устанавливает стиль для элемента в том случае, если задано определённое значение специфичного атрибута....
Свойство padding-block-start
Определяет начальный внутренний отступ элемента по блочной оси. В зависимости от значения свойства writing-mode, свойство padding-block-end может соот...