Авторский знак. 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 31


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

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

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

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

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

Определение и использование. Свойство column-count определяет количество столбцов элементов.

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


Синтаксис:

           column-count: number|auto|initial|inherit;

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

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


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

Значение Описание
number Оптимальное количество столбцов в котором содержание элемента будет ровным
auto Значение по умолчанию. Число столбцов будет определяться другими свойствами
initial Это свойство задает значение по умолчанию.
inherit Наследует это свойство от своего родительского элемента.


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

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

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

Внимание!!! Свойство column-count не поддерживается в IExplorer 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
... ... ...

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

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