Litra Library
Главная » Статьи » WEB » Свойства CSS
MAX-WIDTH
Браузер Internet Explorer Firefox Mozilla Opera Netscape Safari
Версия 5.5 6.0 7.0 1.0 2.0 1.7 7.0 8.0 9.0 6.0 7.0 8.0 1.0
Поддержка Не поддерживается Не поддерживается Поддерживается Поддерживается Поддерживается Поддерживается Поддерживается Поддерживается Поддерживается Поддерживается Поддерживается Поддерживается Поддерживается

Краткая информация

CSS CSS2
Значение по умолчанию Нет
Наследование Нет
Применяется Ко всем элементам, кроме встроенных и таблиц
Аналог HTML Нет
Ссылка на спецификацию http://www.w3.org/TR/CSS21/visudet.html#propdef-max-width

Описание

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

Таблица 1. Ширина элемента
Значения параметров Ширина
min-width < width < max-width width
    width < max-width width
    width > max-width max-width
min-width > width > max-width min-width
min-width > width < max-width min-width

Данные из таблицы следует понимать следующим образом. Если значение ширины (width) больше значения max-width, то ширина элемента принимается равной значению max-width.

Синтаксис

max-width: значение

Аргументы

В качестве значений принимаются пикселы (px) и проценты (%).

Пример

Валидный HTML

<!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>Версия сайта для КПК</title>
<style type="text/css" media="handheld">
body {
max-width: 320px; /* Максимальная ширина страницы в пикселах */
}
</style>
</head>
<body>
<h1>Текст заголовка</h1>
<p>Текст примера</p>
</body>
</html>

В приведенном примере ширина страницы ограничена размером 320 пикселов для всех наладонных устройств. К ним относятся КПК, смартфоны и другие устройства, способные отображать HTML-документы.

Объектная модель

[window.]document.getElementById("elementID").style.maxWidth

Категория: Свойства CSS | Добавил: expert1 (31.01.2013)
Просмотров: 296 | Теги: CSS, свойства | Рейтинг: 0.0/0
Всего комментариев: 0

Проекты

RSS Правила Бесплатный хостинг uCoz Litra Library
^ Наверх ^