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

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

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

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

Определение и использование. Свойство column-width определяет ширину столбцов. Свойство column-width определяет оптимальную ширину колонки в многоколоночном тексте. Фактическая ширина колонки может быть больше заданного значения, сокращение указанной ширины приводит к отмене нескольких колонок, текст при этом выстраивается в одну колонку.

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


Синтаксис:

            column-width: auto|length|initial|inherit;

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

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


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


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

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

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

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

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

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