Текст
CSS - Справочник |
Свойства шрифта
- font - задает параметры шрифта элемента страницы.
- Заменяет атрибуты font-family, font-height, font-size, font-style, font-variant и font-weight. Значения этих атрибутов могут располагаться в любом порядке.
- font: {font-family} [{font-height}] [{font-size}] [{font-style}] [{font-variant}] [{font-weight}];
- Значение по умолчанию - normal normal normal medium normal "Times New Roman".
- Альтернативный формат:
- font: caption|icon|menu|message-box|small-caption|status-bar;
- В этом случае доступны шесть предопределенных значений, задающие один из стандартных шрифтов, используемых в элементах интерфейса Windows:
- font: caption; - шрифт заголовка кнопок, текстовых меток и т.п.;
- font: icon; - шрифт подписей под пиктограммами;
- font: menu; - шрифт пунктов меню;
- font: message-box; - шрифт содержимого стандартных окон-предупреждений;
- font: small-caption; - мелкий шрифт заголовков;
- font: status-bar; - шрифт содержимого строки состояния.
- Поддерживается IE начиная с 4.0
- font-family - указывает имя шрифта или шрифтового семейства, используемого в элементе страницы.
- font-family: {Имя шрифта}|serif|san-serif|cursive|fantasy|monospace;
- В качестве значения этого атрибута задается либо непосредственно имя нужного шрифта, либо одно из пяти предопределенных значений, задающих имя шрифтового семейства. Можно задавать одновременно несколько шрифтов, разделив их имена запятыми; в этом случае Web-обозреватель сможет выбрать из них тот, который установлен на компьютере клиента. Если имя шрифта содержит пробелы, его следует взять в кавычки.
- font-family: "Times New Roman",sans-serif;
- Поддерживается IE начиная с 3.02 для текстовых элементов и начиная с 4.0 для нетекстовых.
- Поддерживается NN начиная с 4.0
- font-weight - задает "жирность" шрифта, используемого в элементе страницы.
- font-weight: normal|bold|bolder|lighter|100..900;
- "Жирность" может быть задана тремя способами. Во-первых, предопределенными значениями normal и bold, задающими обычное и жирное начертание соответственно. Во-вторых, относительными значениями bolder и lighter, делающими шрифт элемента страницы жирнее и светлее шрифта родителя. И, в-третьих, одним из девяти значений от 100 до 900; здесь нормальному начертанию соответствует значение 400, а жирному - 700.
- font-weight: normal; - обычный;
- font-weight: lighter; - светлее;
- font-weight: bold; - жирный;
- font-weight: bolder; - жирнее;
- font-weight: от 100 до 900 - любое значение, кратное 100 (200,700).
- Значение по умолчанию normal.
- Поддерживается IE начиная с 3.02 для текстовых элементов и начиная с 4.0 для нетекстовых. При этом IE 4.0 и более старые версии распознавали только значения normal и bold этого атрибута.
- Поддерживается NN начиная с 4.0
- font-size - задает размер шрифта, используемого в элементе страницы.
- font-size: xx-small|x-small|small|medium|large|x-large|xx-large|larger|smaller|{Абсолютный размер}|{Относительный размер}%;
- Возможно задание либо абсолютного размера шрифта в одной из поддерживаемых CSS единиц измерения, либо как процент от размера шрифта родителя. Также доступны девять определенных значений.
- font-size: 200% - относительная величина (проценты)
- font-size: 150px - размер в пикселях
- font-size: 300pt - размер в пунктах
- font-size: {xx-small,small,medium,large,x-large,xx-large} - задают один из семи размеров шрифтов, поддерживаемых HTML
- font-size: {smaller,larger} - задают размер шрифта, который на размер либо больше, либо меньше родительского шрифта соответственно
- Поддерживается IE начиная с 3.02 для текстовых элементов и начиная с 4.0 для нетекстовых.
- Поддерживается NN начиная с 4.0
- font-style - задает начертание шрифта.
- font-style: normal|italic|oblique;
- font-style: normal; - задает обычный вид шрифта (используется по умолчанию);
- font-style: italic - курсивное начертание;
- font-style: obligue - наклонное начертание (легкий наклон нормального шрифта) (IE отображает как курсив, а NN не поддерживает).
- Поддерживается IE начиная с 3.02 для текстовых элементов и начиная с 4.0 для нетекстовых.
- Поддерживается NN начиная с 4.0
- font-variant - задает вид малых букв шрифта, используемого в элементе страницы.
- font-variant: normal|small-caps;
- font-variant: normal; - задает обычный вид малых букв шрифта (используется по умолчанию);
- font-variant: small-caps; - делает их такими же, как большие буквы, только меньшего размера (капитель).
- Поддерживается IE начиная с 4.0
- text-decoration - задает специальное оформление текста: подчеркнутый, зачеркнутый и т.п.
- text-decoration: none|underline|overline|line-through|blink;
- text-decoration: none; - отменяет любое специальное оформление (значение по умолчанию для большинства тегов);
- text-decoration: underline; - подчеркивает текст (значение по умолчанию для тегов <A>, <INS> и <U>);
- text-decoration: overline; - черта сверху текста;
- text-decoration: line-through; - зачеркивает текст (значение по умолчанию для тегов <DEL>, <S> и <STRIKE>);
- text-decoration: blink; - мигание текста (отсутствует в IE)
- text-decoration: uppercase - все буквы становятся заглавными;
- text-decoration: lowercase - все буквы становятся маленькими (прописными);
- text-decoration: capitalize - каждое слово в строке начинается с большой буквы.
- Поддерживается IE начиная с 3.02 для текстовых элементов страницы и начиная с 4.0 для нетекстовых.
- Поддерживается NN начиная с 4.0
- text-underline-position - задает местонахождение линии подчеркивания: выше или ниже текста. Имеет смысл, если атрибут text-decoration равен underline или overline.
- text-underline-position: below|above;
- text-underline-position: below; - помещает линию подчеркивания под текстом (значение по умолчанию);
- text-underline-position: above; - над текстом ("надчеркивание").
- Поддерживается IE начиная с 5.5
- text-align - определяет горизонтальное выравнивание текста.
- text-align: left|right|center|justify;
- text-align: left; - выравнивание текста по левому краю (значение по умолчанию);
- text-align: right; - выравнивание по правому краю;
- text-align: center; - выравнивание по центру;
- text-align: justify; - выравнивание по обоим краям (по ширине).
- Поддерживается IE начиная с 3.02; значение justify поддерживается начиная с 4.0
- Поддерживается NN начиная с 4.0
- text-align-last - задает горизонтальное выравнивание последней строки абзаца.
- text-align-last: auto|inherit|left|right|center|justify;
- text-align: auto; - выравнивает последнюю строку абзаца так же, как и остальные строки (основываясь на значении атрибута text-align) (значение по умолчанию);
- text-align: inherit; - так же, как выровнен текст родителя;
- text-align: left; - выравнивание текста по левому краю;
- text-align: right; - выравнивание по правому краю;
- text-align: center; - выравнивание по центру;
- text-align: justify; - выравнивание по обоим краям (по ширине).
- Поддерживается IE начиная с 5.5
- text-indent - устанавливает отступ красной строки.
- text-ident: {Отступ}|{Отступ}%;
- Отступ может быть задан как абсолютной величиной, так и процентом от ширины родителя. Значение по умолчанию 0.
- Поддерживается IE и NN начиная с 4.0
- text-height - интервал между строками текста.
- text-height: {Интервал}|{Интервал}%;
- Интервал может быть задан как абсолютной величиной, так и процентом от ширины родителя.
- Поддерживается IE и NN начиная с 4.0
- text-transform - Задает преобразование регистра символов текста.
- text-transform: none|capitalize|uppercase|lowercase;
- text-transform: none; - отключает любые преобразования регистра символов (значение по умолчанию);
- text-transform: capitalize; - преобразует первую букву каждого слова текста в верхний регистр;
- text-transform: uppercase; - преобразует все символы текста в верхний регистр;
- text-transform: lowercase; - в нижний регистр.
- Поддерживается IE и NN начиная с 4.0
- clear - задает поведение текста при "обтекании" им некоторых элементов страницы, таких как изображения.
- clear: none|left|right|all;
- Атрибут задается для текста, а не для элемента страницы, который он будет "обтекать".
- clear: none; - разрешает тексту "обтекать" элемент страницы (значение по умолчанию);
- clear: left; - запрещает тексту "обтекать" элемент страницы с левой стороны;
- clear: right; - с правой стороны;
- clear: all; - с обеих сторон.
- Поддерживается IE и NN начиная с 4.0
- word-spacing - определяет дополнительное расстояние между словами в тексте.
- word-spacing: normal|{Величина};
- Значение этого атрибута может быть задано либо абсолютной величиной в одной из поддерживаемых CSS единиц измерения, либо предопределенным значением normal, задающим стандартную величину расстояния между символами.
- Значение по умолчанию normal.
- Поддерживается IE начиная с 4.0
- word-wrap - устанавливает, будет ли строка, выходящая за границы элемента страницы и не содержащая пробелов, переноситься по словам.
- word-wrap: normal|break-word;
- word-wrap: normal; - запрещает переносить строки по словам (значение по умолчанию);
- word-wrap: break-word; - разрешает.
- Поддерживается IE начиная с 5.5
- word-mode - задает направление строк текста: горизонтальное или вертикальное.
- word-mode: lr-tb|tb-rl;
- word-mode: lr-tb; - задает обычное горизонтальное расположение строк текста; текст пишется слева направо и сверху вниз (значение по умолчанию);
- word-mode: tb-rl; - поворачивает текст на 90° по часовой стрелке; при этом он будет писаться сверху вниз и справа налево.
- Поддерживается IE начиная с 5.5
- leter-spacing - определяет расстояние между символами в тексте.
- letter-spacing: normal|{Величина};
- Значение этого атрибута может быть задано либо абсолютной величиной в одной из поддерживаемых CSS единиц измерения, либо предопределенным значением normal, задающим стандартную величину расстояния между символами.
- Значение по умолчанию normal.
- Поддерживается IE начиная с 4.0
- line-height - задает вертикальное расстояние между строками текста.
- line-height: normal|{Y}|{Y}%;
- Высота может быть задана как абсолютной величиной, так и процентом от высоты родителя. Предопределенное значение normal задает стандартное расстояние.
- Значение по умолчанию normal.
- Поддерживается IE и NN начиная с 4.0
- direction - задает порядок чтения текста: слева направо или справа налево.
- direction: ltr|rtl|inherit;
- direction: ltr; - задает порядок чтения слева направо (значение по умолчанию);
- direction: rtl; - справа налево;
- direction: inherit; - заставляет наследовать порядок чтения у родителя.
- Для документов, составленных на европейских языках, порядок чтения всегда слева направо (ltr).
- Поддерживается IE начиная с 5.0
- unicode-bidi - задает поведение встроенных элементов при изменении направления письма с помощью атрибута direction.
- unicode-bidi: normal|embed|bidi-override;
- unicode-bidi: normal; - меняет направление письма и у родителя (используется по умолчанию);
- unicode-bidi: embed; - меняет направление письма только у встроенного элемента;
- unicode-bidi: bidi-override; - аналогично embed за тем исключением, что направление письма меняется согласно значению атрибута direction, независимо от локальных установок Web-обозревателя.
- Поддерживается IE начиная с 5.0
- accelerator - позволяет указать, содержит ли текст элемента страницы клавишу-ускоритель.
- accelerator: true|false;
- Клавиша-ускоритель - это особая клавиша на клавиатуре, при нажатии которой вместе с клавишей <Alt> происходит переход к данному элементу страницы.
- accelerator: true; - указывает, что текст содержит клавишу-ускоритель;
- accelerator: false; - не содержит.
- Значения по умолчанию не имеет.
- Пример использования:
- <LABEL for="txtName"><U style="accelerator: true">И</U>мя</LABEL>
- <INPUT type="text" id="txtName" accesskey="B" value="Имя пользователя">
- В этом случае символ "И" в слове "Имя" будет подчеркнут. Если в региональных настройках операционной системы Windows 2000 была выбрана опция Скрыть индикаторы клавиш-ускорителей до нажатия Alt, этот символ не будет подчеркнут, пока пользователь не нажмет клавишу <Alt> на клавиатуре.
- Поддерживается IE начиная с 5.0