Min width в php

min-width

Свойство CSS min-width устанавливает минимальную ширину элемента. Оно предотвращает используемое значение свойства width от становления меньше, чем значение, указанное для min-width .

Интерактивный пример

Ширина элемента принимает значение min-width когда min-width больше чем max-width или width .

Синтаксис

/* значение */ min-width: 3.5em; /* значение */ min-width: 10%; /* Значения-ключевые слова */ min-width: max-content; min-width: min-content; min-width: fit-content; min-width: fill-available; /* Глобальные значения */ min-width: inherit; min-width: initial; min-width: unset; 

Значения

Значения-ключевые слова

Минимальная ширина для flex-элементов по умолчанию, предоставляет более разумное значение по умолчанию, чем 0 для других способов разметки.

max-content Экспериментальная возможность

Внутренняя предпочтительная ширина.

min-content Экспериментальная возможность

Внутренняя минимальная ширина.

fill-available Экспериментальная возможность

Ширина родительского блока минус горизонтальные margin , border , и padding . (Обратите внимание, что некоторые браузеры реализуют устаревшее имя для этого ключевого слова., available .)

fit-content Экспериментальная возможность

Определяет как min(max-content, max(min-content, fill-available)) .

Формальный синтаксис

min-width =
auto | (en-US)
(en-US) | (en-US)
min-content | (en-US)
max-content | (en-US)
fit-content( (en-US) )

=
| (en-US)

Примеры

table  min-width: 75%; > form  min-width: 0; > 

Спецификации

Начальное значение	auto
Применяется к	все элементы, кроме незаменяемых строчных элементов, табличных строк и групп строк
Наследуется	нет
Проценты	ссылается на ширину содержащего блока
Обработка значения	процент, как указан, или абсолютная длина
Animation type	длина, проценты или calc();

Поддержка браузерами

BCD tables only load in the browser

See also

Found a content problem with this page?

This page was last modified on 30 нояб. 2022 г. by MDN contributors.

Your blueprint for a better internet.

MDN

Support

Our communities

Developers

Visit Mozilla Corporation’s not-for-profit parent, the Mozilla Foundation.
Portions of this content are ©1998– 2023 by individual mozilla.org contributors. Content available under a Creative Commons license.

Источник

CSS min-width Property

Set the minimum width of a element to 500 pixels:

Definition and Usage

The min-width property defines the minimum width of an element.

If the content is smaller than the minimum width, the minimum width will be applied.

If the content is larger than the minimum width, the min-width property has no effect.

Note: This prevents the value of the width property from becoming smaller than min-width .

Default value:	0
Inherited:	no
Animatable:	yes, see individual properties. Read about animatable Try it
Version:	CSS2
JavaScript syntax:	object.style.minWidth=»400px» Try it

Browser Support

The numbers in the table specify the first browser version that fully supports the property.

CSS Syntax

Property Values

Value	Description	Demo
length	Default value is 0. Defines the minimum width in px, cm, etc. Read about length units	Demo ❯
%	Defines the minimum width in percent of the containing block	Demo ❯
initial	Sets this property to its default value. Read about initial
inherit	Inherits this property from its parent element. Read about inherit

Источник

СSS Свойство min-width

Set the minimum width of a element to 500 pixels:

Определение и использование

Свойство min-width определяет минимальную ширину элемента.

Если содержимое меньше минимальной ширины, будет применена минимальная ширина.

Если содержимое превышает минимальную ширину, то свойство min-width не имеет никакого эффекта.

Примечание: Это предотвращает значение width от того, чтобы стать меньше, чем min-width .

Значение по умолчанию:	0
Унаследованный:	нет
Анимируемый:	да, см. раздел отдельные свойства. Прочитать о animatable Попробовать
Версия:	CSS2
JavaScript синтаксис:	object.style.minWidth=»400px» Попробовать

Поддержка браузеров

Числа в таблице указывают первую версию браузера, которая полностью поддерживает свойство.

CSS Синтаксис

Значения свойств

Значение	Описание	Воспроизвести
length	Значение по умолчанию 0. Определяет минимальную ширину в px, cm, т. д. Прочитать о Единицы длины	Воспроизвести »
%	Определяет минимальную ширину в процентах от содержащего блока	Воспроизвести »
initial	Устанавливает для этого свойства значение по умолчанию. Прочитать о initial	Воспроизвести »
inherit	Наследует это свойство от родительского элемента. Прочитать о inherit

Связанные страницы

HTML DOM Справочник: Свойство minWidth

Мы только что запустили
SchoolsW3 видео

ВЫБОР ЦВЕТА

Сообщить об ошибке

Если вы хотите сообщить об ошибке или внести предложение, не стесняйтесь отправлять на электронное письмо:

Ваше предложение:

Спасибо Вам за то, что помогаете!

Ваше сообщение было отправлено в SchoolsW3.

ТОП Учебники

ТОП Справочники

ТОП Примеры

Получить сертификат

SchoolsW3 оптимизирован для бесплатного обучения, проверки и подготовки знаний. Примеры в редакторе упрощают и улучшают чтение и базовое понимание. Учебники, ссылки, примеры постоянно пересматриваются, чтобы избежать ошибок, но не возможно гарантировать полную правильность всего содержания. Некоторые страницы сайта могут быть не переведены на РУССКИЙ язык, можно отправить страницу как ошибку, так же можете самостоятельно заняться переводом. Используя данный сайт, вы соглашаетесь прочитать и принять Условия к использованию, Cookies и политика конфиденциальности.

Источник

min-width¶

Свойство min-width устанавливает минимальную ширину элемента.

Если окно браузера по ширине становится меньше заданной минимальной ширины элемента, то ширина элемента остается неизменной, а в окне появляется горизонтальная полоса прокрутки.

Значение ширины элемента будет вычисляться в зависимости от установленных значений свойств width , max-width и min-width .

Если значение ширины ( width ) меньше значения min-width , то ширина элемента принимается равной min-width .

Демо¶

Синтаксис¶

 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16

/* value */ min-width: 3.5em; /* value */ min-width: 10%; /* Keyword values */ min-width: max-content; min-width: min-content; min-width: fit-content; min-width: fill-available; /* Global values */ min-width: inherit; min-width: initial; min-width: unset; 

Значения¶

В качестве значений принимаются пиксели (px), проценты (%) и другие единицы измерения, принятые в CSS. Отрицательные значения не допускаются.

auto Минимальная ширина для flex-элементов по умолчанию, предоставляет более разумное значение по умолчанию, чем 0 для других способов разметки.

max-content Внутренняя предпочтительная ширина.

min-content Внутренняя минимальная ширина.

fill-available Ширина родительского блока минус горизонтальные margin , border , и padding . (Обратите внимание, что некоторые браузеры реализуют устаревшее имя для этого ключевого слова available .)

fit-content Определяет как min(max-content, max(min-content, fill-available)) .

Применяется ко всем элементам, кроме строчных и таблиц

Спецификации¶

Поддержка браузерами¶

Can I Use minmaxwh? Data on support for the minmaxwh feature across the major browsers from caniuse.com.

Описание и примеры¶

 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30

 html> head> meta charset="utf-8" /> title>min-widthtitle> style> .container  min-width: 420px; /* Минимальная ширина контейнера */ > .col1  background-color: #fc0; /* Цвет фона колонки */ padding: 5px; /* Поля вокруг текста */ float: left; /* Обтекание по правому краю */ width: 150px; /* Ширина левой колонки */ > .col2  background-color: #c0c0c0; /* Цвет фона колонки */ padding: 5px; /* Поля вокруг текста */ width: 250px; /* Ширина правой колонки */ float: left; /* Обтекание по правому краю */ > style> head> body> div class="container"> div class="col1">Колонка 1div> div class="col2">Колонка 2div> div> body> html> 

Источник