Авторский знак. Авторский знак. Seosait21.ru Есть у человека надежда. Пока не поздно. Вгрызайся и изучай.

январь 2021
Пн Вт Ср Чт Пт Сб Вс
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 31


Чувашия-это моя Россия

Ссылки на каскадные стили CSS - caption-side.

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

Internet Explorer Интернет эксплорер Google Chrome Google Chrome Opera Опера Firefox Firefox Safari Сафари, то есть поддерживается во всех основных браузерах.

Внимание!!! IE8 поддерживает подпись свойство caption-side только если DOCTYPE указанный.

Определение и использование. Свойство caption-side назначает положение заголовка таблицы относительно самой таблицы. В CSS3 расширили свойство caption-side тем, что теперь не только сверху, снизу возможно расположения заголовка, но и справа и слева. Хотя на данный момент не все браузеры откликаются на эти изменения.

Просто и понятно со значениями свойства caption-side . Почитайте и посмотрите некую программу для свойства caption-side, что находится внизу страницы сайта.

Самое мощное и интересное здесь не в том, что производится какое-то изменение какого-то участка( элемента) страницы сайта. Вся интересная и необходимая информация в том, что свойство caption-side, которое действует через стили CSS3 автономно работает даже при отключения JavaScripta в браузере Вашего компьютера. Всегда и при любых обстоятельствах.

Синтаксис:

           caption-side: top|bottom|left|right|initial|inherit;

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

Значение по умолчанию: top
наследует: да
Анимируемых: нет
Версия: CSS2
JavaScript синтаксис: object.style.captionSide="bottom"

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

Значение Описание
top Помещает заголовок над таблицей. Это значение установлено по умолчанию
bottom Ставит подпись под таблицей
left Помещает заголовок слева.
right Помещает заголовок справа.
initial Это свойство задает значение по умолчанию.
inherit Наследует это свойство от своего родительского элемента.

Пишем программу:

< !DOCTYPE>
< html>
< head>
< style>
caption {caption-side:top;}
< /style>
< /head>
< body>
< table border="1">
< caption>Таблица №000 моего сайта< /caption>
< tr>
  < th>Торговая точка< /th>
  < th>Ф.И.О.< /th>
  < th>Район< /th>
< /tr>
< tr>
< td>Океан< /td>
< td>Иванов Иван Иванович< /td>
< td>Вурнарский< /td>
< /tr>
< tr>
< td>Канцтовары< /td>
< td>Михайлова Светлана Петровна< /td>
< td>Аликовский< /td>
< /tr>
< tr>
< td>Галантерея< /td>
< td>Сидорова Ирина леонидовна< /td>
< td>Ибресинский< /td>
< /tr>
< tr>
< td>Мясо< /td>
< td>Петров Петр Петрович< /td>
< td>Канашский< /td>
< /tr>
< tr>
< td>Яйца< /td>
< td>Николаев Тит Яковлевич< /td>
< td>Цивильский< /td>
< /tr>
< tr>
< td>Молоко< /td>
< td>Яковлев Яков Яковлевич< /td>
< td>Ядринский< /td>
< /tr>
< tr>
< td>1000 мелочей< /td>
< td>Кондратьев Иван Сидорович< /td>
< td>Шумерлинский< /td>
< /tr>
< /table>
< p>< b>Внимание!!!< /b> IE8 поддерживает свойство caption-side
 если DOCTYPE уточняется.< /p>
< /body>
< /html>

Результат программы:

Таблица №000 моего сайта
Торговая точка Ф.И.О. Район
Океан Иванов Иван Иванович Вурнарский
Канцтовары Михайлова Светлана Петровна Аликовский
Галантерея Сидорова Ирина леонидовна Ибресинский
Мясо Петров Петр Петрович Канашский
Яйца Николаев Тит Яковлевич Цивильский
Молоко Яковлев Яков Яковлевич Ядринский
1000 мелочей Кондратьев Иван Сидорович Шумерлинский

Внимание!!! IE8 поддерживает свойство caption-side если DOCTYPE уточняется.



seosait21.ru
HTML

seosait21.ru
CSS

seosait21.ru
Web-диз.
HTML ссылка CSS ссылка ...

seosait21.ru
JavaScript

seosait21.ru
PHP

seosait21.ru
JQuery
JavaScript ссылка PHP ссылка JQuery ссылка

seosait21.ru
SEO.

seosait21.ru
MySQL

seosait21.ru
XML
... ... ...

обратно на главную     назад    дальше     вперед

ПОНРАВИЛОСЬ?
ПОДЕЛИСЬ с ДРУЗЬЯМИ: