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

Пн Вт Ср Чт Пт Сб Вс
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


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

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

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

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

Свойство columns поддерживается в Internet Explorer 10 и Opera. Safari и Chrome поддерживают альтернативу -webkit-columns. Firefox поддерживает альтернативу -moz-columns. Внимание!!! Свойство columns колонны не поддерживается в Internet Explorer 9 и более ранних версий.

Определение и использование. Свойство columns является обощающим, то есть свойство columns — сокращенный способ задать в CSS3 свойства column-width и column-count определяет ширину колонок и их количество в многоколоночном элементе. Уже давно текст в несколько колонок применяется в издательском деле при вёрстке газет, журналов и книг. Человеку удобнее читать текст определённой ширины, колонки как раз и обеспечивают разбиение большого текста на столбцы заданного размера. На сайтах не имеет смысла делать из-за ограниченности высоты окна браузера. Посетителю сначала придётся прокрутить одну колонку вниз до конца, а затем вернуться наверх к началу следующей колонки. Для некоторых текстов имеет смысл использовать именно многоколоночный текст из-за эффекивного использования свободного пространства по ширине.

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


Синтаксис:

            columns: auto|column-width column-count|initial|inherit;

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

Значение по умолчанию: auto
наследует: нет
анимируемых: да
Версия: CSS3
JavaScript синтаксис: object.style.columnWidth="100px"


Значение Описание
auto По умолчанию значение. Ширина столбца определяется браузером
length Длина указывает, что ширина столбцов
initial Это свойство задает значение по умолчанию.
inherit Наследует это свойство от своего родительского элемента.


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

< !DOCTYPE>
< html>
< head>
< style> 
.rr9
{
columns:5;
-moz-columns:5; /* Firefox */
-webkit-columns:5; /* Safari and Chrome */
}
< /style>
< /head>
< body>
< p>< strong>Внимание!!! < /strong>Свойство columns не поддерживается 
в Internet Explorer 9 и более ранних версий.< /p>
< div class="rr">
Сайт "Суть слова" насчитывает более девятисот страниц, из них более 
трехсот страниц уникального текста о сути древних слов с момента 
зарождения жизни и до настоящего времени развития человечества. Сайт
 создан по основным тематическим направлениям. В первой колонке с 
 названием "Суть слова" даются расшифровки сути исторических слов на 
 базе изучения древнего языка наших предков, уходящих в глубину веков
  и приводящий нас к третьему сыну Ноя Хаму( и поэтому назван этот 
  язык хамским - современный чувашский язык). Возможности хамского 
  языка ( современного чувашского языка) уникальны и легко объясняют 
  значения слов( имена, предметы, явления) от древнего периода нашей 
  истории до настоящего времени по сути не объясненных. Слова Адам, 
  яблоко, Хам, Иордан, Вавилон и других исторических слов объясняются 
  и даются законченные ответы. Нажимайте на ссылку "Радуга."
< /div>
< /body>
< /html>                     

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

Внимание!!! Свойство columns не поддерживается в Internet Explorer 9 и более ранних версий.

Сайт "Суть слова" насчитывает более девятисот страниц, из них более трехсот страниц уникального текста о сути древних слов с момента зарождения жизни и до настоящего времени развития человечества. Сайт создан по основным тематическим направлениям. В первой колонке с названием "Суть слова" даются расшифровки сути исторических слов на базе изучения древнего языка наших предков, уходящих в глубину веков и приводящий нас к третьему сыну Ноя Хаму( и поэтому назван этот язык хамским - современный чувашский язык). Возможности хамского языка ( современного чувашского языка) уникальны и легко объясняют значения слов( имена, предметы, явления) от древнего периода нашей истории до настоящего времени по сути не объясненных. Слова Адам, яблоко, Хам, Иордан, Вавилон и других исторических слов объясняются и даются законченные ответы. Нажимайте на ссылку "Радуга."



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
... ... ...

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

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