Связь и интернет Архив Программирование
   
Сделать стартовойСделать закладку            
   ПОИСК  
   
Главная / CSS / Не для новичков /
8  Perl
8  PHP
8  JavaScript
8  HTML
8  DHTML
8  XML
8  CSS
8  C / C++
8  Pascal и Delphi
8  Турбо Ассемблер
8  MySQL
8  CASE-технологии
8  Алгоритмы
8  Python
8  Обратная связь
8  Гостевая книга
Новости о мире


Визуализация элементов - Программирование от RIN.RU
Визуализация элементов



Отображение текстовых элементов


При отображении текстовых элементов их прямоугольники располагаются горизонтально друг за другом. При этом их взаимное расположение по вертикали определяется свойством vertical-align. Прямоугольная область, содержащая прямоугольники, образующие строку текста, называется строчным блоком. Ширина строчного блока определяется шириной вмещающего блока. Его высота вычисляется на основе высот всех прямоугольников данной строки и может быть изменена свойством line-height.


Высота текста: свойство line-height


Синтаксис:line-height: normal | <число> | <размер> | <процент> | inherit
Начально:normal
Применимо:ко всем элементам
Наследуемо:да
Проценты:относительно размера шрифта элемента
Устройства:визуальные

Поддержка :Соответствует стандарту (4.0+)
Соответствует стандарту (4.0+)


Свойство line-height задает высоту строки текста при генерации объемлющего прямоугольника. Если элемент является блочным, то это свойство задает минимальную высоту входящих в него строчных блоков. Если элемент является текстовым, то это свойство задает точную высоту его строчного блока.


Высота не может быть отрицательной и задается одним из следующих способов:


normal
Высота строчного блока по умолчанию, которую обозреватель определяет на основе размера его шрифта.
<число>
Вычисленное значение равно данному числу, умноженному на размер шрифта.
<размер>
Задает фиксированный размер.
<процент>
Вычисляется относительно размера шрифта элемента.


Следующие три правила дадут один и тот же результат:


DIV { font-size: 10pt; line-height: 1.2 }
DIV { font-size: 10pt; line-height: 1.2em }
DIV { font-size: 10pt; line-height: 120% }


Если текст элемента отображается несколькими шрифтами, то выбирается наибольший из размеров этих шрифтов.


Вертикальное выравнивание: свойство vertical-align


Синтаксис:vertical-align: baseline | sub | super | top | text-top | middle | bottom | text-bottom | <размер> | <процент> | inherit
Начально:baseline
Применимо:к текстовым элементам и ячейкам таблиц
Наследуемо:нет
Проценты:относительно значения line-height элемента
Устройства:визуальные

Поддержка :Соответствует стандарту (4.0+)
Не поддерживается


Свойство vertical-align задает положение по вертикали объемлющего прямоугольника текстового элемента внутри содержащего его строчного блока. Оно может принимать следующие значения:


baselineВыравнивание по базовой линии строчного блока.
subРасположение в позиции нижних индексов (но без изменения размера шрифта).
superРасположение в позиции верхних индексов (но без изменения размера шрифта).
topВыравнивание по верху строчного блока.
text-topВыравнивание по верхней линии шрифта строчного блока.
middleВыравнивание по центру строчного блока.
bottomВыравнивание по низу строчного блока.
text-bottomВыравнивание по нижней линии шрифта строчного блока.
<размер>Увеличить (положительное значение) или уменьшить (отрицательное значение) на данную величину.
<процент>Увеличить (положительное значение) или уменьшить (отрицательное значение) на данную величину в процентах от значения line-height.


Пример:


EM.center { vertical-align: middle }


<<<  НазадВперед  >>>
 1  2  3  4  5  6 


 8  Комментарии к статье  8 8  Обсудить в чате

8  В тему

Введение в таблицы стилей

Селекторы, псевдоклассы и псевдоэлементы

Значения свойств, каскадность и наследование

Границы, заполнители и рамки

Позиционирование элементов

Цвет и фон

Шрифты

Текст

Таблицы

Генерация содержимого, нумерация и списки

Страничные устройства вывода

Звуковые таблицы стилей

 
  
  
    Copyright ©  RIN 2003 - 2004      * Обратная связь
По материалам: www.fc-roma.ru/kristal-pelas-hochet-arendovat-eshli-koula.html.