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

Определение и использование. Свойство font-stretch позволяет сделать текст шире или уже, то есть свойство font-stretch задает узкое, нормальное или широкое начертание шрифта, что позволяет уплотнять или расширять текст на страницах сайта. В настоящее время не поддерживается ни одним из браузеров. Скорее всего в ближайшее время появится.

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


Синтаксис:

   font-stretch: wider|narrower|ultra-condensed|extra-condensed|condensed|semi-condensed|
normal|semi-expanded|expanded|extra-expanded|ultra-expanded|initial|inherit;

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

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


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

Значение Описание
wider Делает текст более широким
narrower Делает текст более узким
ultra-condensed Делает текст настолько узким, что...
extra-condensed Делает текст более узким, чем в сжатом состояни, но не настолько узкой, что ультра-сокращенный
condensed Делает текст более узким, чем полу-сокращенный, но не настолько узким, что экстра-сокращенный
semi-condensed Делает текст более узким, чем обычно, но не настолько узким, что сжатый
normal Значение по умолчанию. Нет шрифта растяжения
semi-expanded Делает текст более широким, чем обычно, но не столь широким, как расширенный
expanded Делает текст шире, чем полу-расширеный, но не таким широким, как экстра-расширенный
extra-expanded Делает текст шире, чем увеличенный, но не таким широким, как ультра-расширенный
ultra-expanded Делает текст делается широким, как может получится
initial Это свойство задает значение по умолчанию.
inherit Наследует это свойство от своего родительского элемента.


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

< !DOCTYPE>
< html>
< head>
< style>
   #rr1 {
    font-stretch:condensed;  
   } 
   #rr {
    font-stretch: wider;
   }
< /style>
< /head>
< body> 
< div id="rr1">
  Сайт "Суть слова" насчитывает более девятисот страниц, из них более 
  трехсот страниц уникального текста о сути древних слов с момента 
  зарождения жизни и до настоящего времени развития человечества. Сайт 
  создан по основным тематическим направлениям. В первой колонке с 
  названием "Суть слова" даются расшифровки сути исторических слов на 
  базе изучения древнего языка наших предков, уходящих в глубину веков
  и приводящий нас к третьему сыну Ноя Хаму( и поэтому назван этот язык 
  хамским - современный чувашский язык). Возможности хамского языка 
  ( современного чувашского языка) уникальны и легко объясняют значения
   слов( имена, предметы, явления) от древнего периода нашей истории до 
   настоящего времени по сути не объясненных. Слова Адам, яблоко, Хам, 
   Иордан, Вавилон и других исторических слов объясняются и даются 
   законченные ответы. Нажимайте на ссылку "Радуга."
< /div>< br>
< div id="rr">
  Сайт "Суть слова" насчитывает более девятисот страниц, из них более 
  трехсот страниц уникального текста о сути древних слов с момента 
  зарождения жизни и до настоящего времени развития человечества. Сайт 
  создан по основным тематическим направлениям. В первой колонке с 
  названием "Суть слова" даются расшифровки сути исторических слов на 
  базе изучения древнего языка наших предков, уходящих в глубину веков
  и приводящий нас к третьему сыну Ноя Хаму( и поэтому назван этот язык 
  хамским - современный чувашский язык). Возможности хамского языка 
  ( современного чувашского языка) уникальны и легко объясняют значения
   слов( имена, предметы, явления) от древнего периода нашей истории до 
   настоящего времени по сути не объясненных. Слова Адам, яблоко, Хам, 
   Иордан, Вавилон и других исторических слов объясняются и даются 
   законченные ответы. Нажимайте на ссылку "Радуга."
< /div>
< /body>
< /html>                      

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

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

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


Хотя давайте попробуем еще написать программу:

< style>
   p.rr {
    font-size: 4em;
    font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
   }
  < /style>
  < p class="rr">
   < span style="font-stretch: ultra-condensed">А< /span>
   < span style="font-stretch: extra-condensed">А< /span>
   < span style="font-stretch: condensed">А< /span>
   < span style="font-stretch: semi-condensed">А< /span>
   < span style="font-stretch: normal">А< /span>
   < span style="font-stretch: semi-expanded">А< /span>
   < span style="font-stretch: expanded">А< /span>
   < span style="font-stretch: extra-expanded">А< /span>
   < span style="font-stretch: ultra-expanded">А< /span>
  < /p>
 

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

А А А А А А А А А




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
... ... ...
ПОНРАВИЛОСЬ?
ПОДЕЛИСЬ с ДРУЗЬЯМИ: