text-emphasis-position | Свойство CSS - Справочник CSS3 | Делай сайт
Приветствую Вас, Гость! Регистрация
Георгиевская ленточка
Понедельник, 05.12.2016
Главная » Справочник CSS3 » Свойства текста


2D & 3D ТрансформацияСвойства контента
Свойства импортаСвойства углов
Свойства границСвойства анимации
ПсевдоклассыПсевдоэлементы
Свойства размераСвойства контура
Свойства переходаСвойства печати
Свойства тениСвойства отступов
Свойства текстаСвойства колонок
Свойства полейПозиционирование
Свойства интерфейсаТипы значений
Полезные статьиСвойства списка
Свойства шрифтаСвойства таблицы
Свойства фонаВендорные префиксы



Адаптивный сайт - aTmpl


text-emphasis-position | Свойство CSS

Свойство text-emphasis-position устанавливает подчёркивание в выделении.




Свойство text-emphasis-position устанавливает положение подчёркивания выделяемому тексту.Положение подчёркивания может быть не только горизонтальным,при определённых значениях подчёркивание может изменять положение текста в вертикальное и примыкать к нему по указанной в значении стороне.К сожалению нет возможности посмотреть на работу даже сокращённого свойства,на момент выхода статьи свойство не поддерживалось ни одним браузером.Свойство применимо ко всем элементам.Создано в версии CSS3 и проходит валидацию согласно версии CSS3.




Расширенные свойства применяемые к text-emphasis-position


Свойство
Описание
text-emphasisСокращённый способ указать стиль и цвет маркера
text-emphasis-colorУстанавливает цвет маркера выделяемому тексту ( обязательный элемент )
text-emphasis-styleУстанавливает стиль маркера выделяемому тексту ( обязательный элемент )


Дополнительные значения применяемые к text-emphasis-position


Значение
Описание
autoПоложение подчёркивающей полосы устанавливается браузером,при обычном разрешении будет аналогично значению alphabetic
alphabeticПодчеркивающая линия помещена относительно алфавитного основания.В этом случае подчеркивающая линия, вероятно, пересечет некоторый descenders ( при соседстве с подобным элементом,например если первое слово русское,а соседнее английское )
belowВ горизонтальных типографских способах подчеркивающая линия помещена относительно под краем коробки содержания элемента. В этом случае подчеркивающая линия обычно не пересекает descenders
leftВ вертикальных типографских способах подчеркивающая линия выравнивается что касается значения below на левом краю текста
rightВ вертикальных типографских способах подчеркивающая линия выравнивается что касается значения below,кроме него выравнивается с правым краем текста.Если это заставляет подчеркивающую линию быть продвинутой "по" стороне текста,то сверхлиния также переключает стороны и продвинута "под" стороной

Пример применения значений свойства в картинках

Пример применения значения alphabetic

Пример применения значения below

Пример применения значения left

Пример применения значения right


Свойство работает в браузерах




Пример применения свойства



<!DOCTYPE html>
<html lang="ru">
<head>
<title>Свойство text-emphasis-position</title>
<meta charset="utf-8">
<style>
@font-face {
font-family:KentenGeneric;
src: local("KentenGeneric"),
url(/css/demo/file/shrift/KentenGeneric.otf);
}
p {
text-emphasis:none #00FFFF;
font-size:30px;
font-family:KentenGeneric;
text-emphasis-style:alphabetic;
}
</style>
</head>
<body>
<p>Стиль подчёркивания text-emphasis-style</p>
</body>
</html>

Пример в действии




Поэкспериментируйте сами





Русские шрифты






Источник: http://www.w3.org/TR/css3-text/#text-emphasis-position0
Категория: Свойства текста | Добавил: IZOTOP (23.05.2012) | Автор: Меренков Михаил E W
Просмотров: 747 | Теги: css, пример, style, цвет, text-emphasis-position, текста | Рейтинг: 0.0/0

Вопросов / Советов / Предложений - относящихся к материалу: 0

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]