Серверное время 2018-08-15 16:35:24
Приветствую вас, Гость
Понравился сайт - нажми CTRL+D и добавь в закладки..
Свойства CSS
CSS по категориям
Статистика
Яндекс.Метрика
Реклама
Реклама

min-width

Браузер
Internet Explorer
Chrome
Opera
Safari
Firefox
Версия
6.0
7.0
8.0
9.0
2.0
3.0
4.0
5.0
9.2
9.6
10
2.0
3.1
4.0
5.0
2.0
3.0
3.6
4.0
Поддержка
Не поддерживается
Частичная поддержка
Полная поддержка
Полная поддержка
Полная поддержка
Полная поддержка
Полная поддержка
Полная поддержка
Полная поддержка
Полная поддержка
Полная поддержка
Полная поддержка
Полная поддержка
Полная поддержка
Полная поддержка
Полная поддержка
Полная поддержка
Полная поддержка
Полная поддержка
Краткая информация
CSS CSS2+
Значение по умолчанию 0
Наследуется Нет
Применяется Ко всем элементам, кроме встроенных и таблиц
Ссылка на спецификацию открыть в новой вкладке
Описание
Устанавливает минимальную ширину элемента. Если окно браузера по ширине становится меньше заданной минимальной ширины элемента, то ширина элемента остается неизменной, а в окне появляется горизонтальная полоса прокрутки.
Значение ширины элемента будет вычисляться в зависимости от установленных значений свойств width, max-width и min-width. В табл. 1 показано, чем руководствуется браузер при совместном использовании указанных стилевых свойств.
Значения свойств Ширина
min-width < width < max-width width
min-width > width > max-width min-width
min-width > width < max-width min-width
min-width < width     width
min-width > width     min-width
min-width >     max-width min-width
min-width <     max-width max-width
Табл. 1. Ширина элемента
Данные из таблицы следует понимать следующим образом. Если значение ширины (width) меньше значения min-width, то ширина элемента принимается равной min-width.
Синтаксис
min-width: значение | проценты | inherit
Аргументы
В качестве значений принимаются пикселы (px), проценты (%) и другие единицы измерения, принятые в CSS. Отрицательные значения не допускаются. inherit наследует значение родителя.
Пример
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>min-width</title>
<style type="text/css">
#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 id="container">
  <div id="col1">Колонка 1</div>
  <div id="col2">Колонка 2</div>
 </div>
</body>
</html>
Демонстрация примера
Объектная модель
[window.]document.getElementById("elementID").style.minWidth
Примечание
Internet Explorer до версии 7.0 включительно не поддерживает значение inherit.
Первоисточник - htmlbook.ru Автор - Влад Мержевич
Комментариев (0)
Имя
Email
Осталось 65535 символов
© 2006-2012, Home-test.biz