table-layout | Свойство CSS - Справочник CSS3 | Делай сайт
Приветствую Вас, Гость! Регистрация
Георгиевская ленточка
Вторник, 06.12.2016
Главная » Справочник CSS3 » Свойства таблицы


2D & 3D ТрансформацияСвойства контента
Свойства импортаСвойства углов
Свойства границСвойства анимации
ПсевдоклассыПсевдоэлементы
Свойства размераСвойства контура
Свойства переходаСвойства печати
Свойства тениСвойства отступов
Свойства текстаСвойства колонок
Свойства полейПозиционирование
Свойства интерфейсаТипы значений
Полезные статьиСвойства списка
Свойства шрифтаСвойства таблицы
Свойства фонаВендорные префиксы



Адаптивный сайт - aTmpl


table-layout | Свойство CSS

Свойство table-layout устанавливает алгоритм объёма таблицы.




Свойство table-layout устанавливает алгоритм вычисления объёма каркаса таблицы браузером.Объём внутреннего содержания в таблице может высчитыватся браузером исходя из значения установленного в свойстве table-layout.Содержимое может выходить за границы или быть уплотнено до возможных пределов.Если свойство не будет прописано,алгоритм вычисления объёма будет наследоваться от родительского элемента.Свойство применимо к тегу <table>,а так же к элементам у которых значение display прописано как table или table-inline,создано в версии CSS2 но проходит валидацию согласно версии CSS3.




Дополнительные значения table-layout


Значение
Описание
autoАлгоритм вычисления объёма таблицы браузер будет производить последовательно ( снижает скорость загрузки )
fixedАлгоритм вычисления объёма таблицы браузер будет производить исходя из установленных значений,объём внутреннего содержимого не будет влиять на установленные значение,т.е всё что не поместится в указанные значения будет или сжато или обрезано или выйдет за границы таблицы
inheritНаследует значения от родителя

Свойство работает в браузерах




Пример применения свойства



<!DOCTYPE html>
<html lang="ru">
<head>
<title>Свойство table-layout</title>
<style type="text/css">
<!--
table.auto {
table-layout:auto;
width:300px;
}
table.fixed {
table-layout:fixed;
width:300px;
}
caption {
caption-side:top;
padding-bottom:10px;
font-size:20px;
}
-->
</style>
</head>
<body>
<table class="auto" border="1">
<caption>Свойство со значением auto</caption>
<tr>
<td width="250px">888888</td>
<td width="50px">Восемьсот восемьдесят восемь тысяч восемьсот восемьдесят восемь</td>
</tr>
</table>
<br>
<table class="fixed" border="1">
<caption>Свойство со значением fixed</caption>
<tr>
<td width="250px">888888</td>
<td width="50px">Восемьсот восемьдесят восемь тысяч восемьсот восемьдесят восемь</td>
</tr>
</table>
</body>
</html>

Пример в действии




Поэкспериментируйте сами





Русские шрифты






Источник: http://www.w3.org/TR/CSS21/tables.html#propdef-table-layout
Категория: Свойства таблицы | Добавил: IZOTOP (16.05.2012) | Автор: Меренков Михаил E W
Просмотров: 1002 | Теги: css, table-layout, свойство, пример, style | Рейтинг: 0.0/0

Вопросов / Советов / Предложений - относящихся к материалу: 0

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]