Установка вертикального выравнивания текста ('vertical-align').

Значение: baseline | sub | super | top | text-top | middle | bottom |

text-bottom | <percentage>

По умолчанию: baseline

Область применения: строчные элементы

Наследуемость: нет

Процентное выражение: по отношению к свойству "высота линии" ('line-height') самого элемента

Свойство влияет на вертикальное положение элемента. Используется набор следующих зарезервированных слов, указывающих положение относительно родительского элемента:

'baseline' - совмещает базу элемента (или его низ, если элемент не имеет базы), с базой родительского элемента

'middle' - выравнивает среднюю линию элемента (обычно изображения) по уровню "база плюс половина высоты ('x-height') родительского элемента"

'sub' - делает элемент подстрочным

'super' - делает элемент надстрочным

'text-top' - выравнивает верх элемента по верху шрифта родительского элемента

'text-bottom' -выравнивает низ элемента по низу шрифта родительского элемента

Другой набор значений свойства определяет выравнивание относительно форматируемой линии, частью которой является указанный элемент:

'top'- выравнивает вершину элемента по самому высокому элементу линии

'bottom' - выравнивает низ элемента по самому низкому элементу линии.

При использовании значений 'top' и 'bottom' могут возникать неразрешимые ситуации, когда зависимости одних элементов от других образуют замкнутый цикл.

Процентное выражение соотносится со значением свойства "высота линии" ('line-height') самого элемента. Таким способом база элемента (или низ, если таковая отсутствует) повышается на определенный уровень относительно базы родительского элемента. Допускаются отрицательные значения. Например, при значении '-100%' элемент будет опущен так, что его база достигнет уровня, где должна лежать база следующей линии. Это позволяет позиционировать по вертикали элементы, не имеющие базы - скажем, изображения, используемые для замещения букв.

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

<html>

<head><title>Test of vertical-align</title></head>

<style><!--

.va{vertical-align:middle;}

--></style>

<body>

<p>Свойство влияет на <img src=1.gif class=va>вертикальное положение элемента.

</body>

</html>

Установка преобразования текста ('text-transform')

Значение: capitalize | uppercase | lowercase | none

По умолчанию: none

Область применения: все элементы

Наследование: есть

Процентное выражение: неопр.

'capitalize' - устанавливает первую букву каждого слова прописной

'uppercase' - устанавливает все буквы элемента прописными

'lowercase' -устанавливает все буквы элемента строчными

'none' -аннулирует наследованное значение.

Фактически преобразование в каждом случае будет зависеть от используемого языка .

H1 { text-transform: uppercase }

В вышеприведенном примере для элемента 'H1' все буквы устанавливаются прописными.

UA может игнорировать преобразование текста (т.е. отрабатывать как по значению 'none'), для символов, не относящихся к набору для кодировки Latin-1 и для элементов на языках, для которых преобразование отличается от принятого для таблиц преобразования Unicode.