Иллюстрированный самоучитель по WEB-графике



         

Едeницы измерения - часть 7


Всеми элементами

Работает ли механизм наследования

Да

Возможна ли процентная запись

Да, относительно ширины родительского элемента

Устанавливает величину отступа в единицах измерения или в процентах от ширины родительского элемента.

text-transform

Свойства

textTransform

Значения

capitalize,uppercase,lowercase,none

Значение по умолчанию

none

Поддерживается

Всеми элементами

Работает ли механизм наследования

Да

Возможна ли процентная запись

Нет

  • capitalize делает заглавной первую букву каждого слова в элементе;
  • uppercase делает все буквы в словах элемента заглавными;
  • lowercase делает все буквы в словах элемента строчными;
  • nonе снимает все установки, приобретенные в результате наследования

vertical-align

Свойства

verticalAlign

Значения

baseline, sub, super, top, text-top,middl bottom, text-bottom, <percentage>

Значение по умолчанию

baseline

Поддерживается

Встроенными элементами

Работает ли механизм наследования

Нет

Возможна ли процентная запись

Да, по отношению к высоте строки

Определяет расположение текущего элемента по вертикали:

  • baseline устанавливает выравнивание по образцу родительского элемента;
  • middle устанавливает вертикальную среднюю линию элемента на основе родительского элемента плюс половина строки последнего;
  • super переводит элемент в верхний регистр;
  • sub переводит элемент в нижний регистр;
  • text-top выравнивает элемент по верху текста, набранного шрифтом родительского элемента;
  • text-bottom выравнивает элемент по низу текста, набранного шрифтом родительского элемента;
  • top выравнивает верх элемента по верху самого высокого элемента текущей строки;
  • bottom выравнивает по низу самого низкого элемента текущей строки.
  • Свойства, связанные с размером и рамкой

    Значения этих свойств используются для установки характеристик ласти вокруг элемента. Это может быть применено к символам, картинкам и т. д.
    border-top-color, border-right-color, border-left-color, border-bottom-color, border-color
    <


    Содержание  Назад  Вперед