HTML редактирование: различия между версиями

Материал из Wiki МИАЦ ВО
Перейти к навигации Перейти к поиску
(Новая: {| border=1 |width=55% |<center><b>НАЗВАНИЕ</b></center> ||<center><b>ПРИМЕР</b></center>||<center><b>ЧТО ПОЛУЧИЛОСЬ</b></center> |- |без изменен...)
 
Строка 43: Строка 43:
 
  |style="text-align:right"|ДИКАЯ ПРАВДА
 
  |style="text-align:right"|ДИКАЯ ПРАВДА
 
  |-
 
  |-
|}
+
|<center>'''vertical-align'''</center>
 +
 
 +
Устанавливает расположение текста по базовой линии (по умолчанию), либо по верхнему (super), либо по нижнему (sub) индексу относительно родительского элемента. Незаменим, например, при формулах.
 +
|'''vertical-align''':super
 +
 
 +
(для "ДИКАЯ" - без изменений)
 +
|ДИКАЯ<SPAN style="vertical-align:super">ПРАВДА</SPAN>
 +
|-
 +
|<center>'''line-height'''</center>
 +
 
 +
Определяет расстояние между строчками. Задается как в абсолютных единицах, так и в относительных. А можно и просто указывать число строк, не обязательно в целых числах.
 +
|'''line-height''':2.5
 +
|<p style="line-height:2.5">дикая правда на www.dikarka.ru дикая правда на www.dikarka.ru дикая правда на www.dikarka.ru дикая правда на www.dikarka.ru</p>
 +
|}

Версия 16:17, 30 ноября 2007

НАЗВАНИЕ
ПРИМЕР
ЧТО ПОЛУЧИЛОСЬ
без изменений - ДИКАЯ ПРАВДА
letter-spacing

Устанавливает расстояние (дополнительные промежутки) между буквами. Можно указывать расстояние в любых абсолютных единицах (in, cm, mm, pt, pc, px). Может задавать и отрицательные значения. Только смотрите, чтобы буквы не слиплись, и вместо одного слова не получилось бы одна буква.

letter-spacing:10pt ДИКАЯ ПРАВДА
letter-spacing:"-2pt" ДИКАЯ ПРАВДА
word-spacing

А это просто расстояние между словами. Указывается также в любых размерностях

word-spacing:7pt ДИКАЯ ПРАВДА
word-spacing:10mm ДИКАЯ ПРАВДА
text-decoration

Очень хорошая штука. Например, может использоваться для убирания (none) подчеркивания ссылок или, наоборот, для подчеркивания текста (underline), перечеркивания (line-through) или надчеркивания (overline) текста. А еще для вывода мерцающего текста (blink).

text-decoration:overline ДИКАЯ ПРАВДА
text-decoration:line-through ДИКАЯ ПРАВДА
text-indent

С его помощью можно установить "красную строку" (отступ). Указывается как в абсолютных единицах, так и в процентах от абзаца. Если дать отрицательное значение - получится выступ (висячая строка).

text-indent:"10mm" ДИКАЯ ПРАВДА
text-align

Здесь нам знакомые left, center и right, то есть выравнивание текста по левому, правому краю, либо по центру. Есть еще justify, которое выравнивает текст по ширине.

text-align:right ДИКАЯ ПРАВДА
vertical-align

Устанавливает расположение текста по базовой линии (по умолчанию), либо по верхнему (super), либо по нижнему (sub) индексу относительно родительского элемента. Незаменим, например, при формулах.

vertical-align:super

(для "ДИКАЯ" - без изменений)

ДИКАЯПРАВДА
line-height

Определяет расстояние между строчками. Задается как в абсолютных единицах, так и в относительных. А можно и просто указывать число строк, не обязательно в целых числах.

line-height:2.5

дикая правда на www.dikarka.ru дикая правда на www.dikarka.ru дикая правда на www.dikarka.ru дикая правда на www.dikarka.ru