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


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



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


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

Свойство text-emphasis-style устанавливает стиль маркера выделения.




Свойство text-emphasis-style устанавливает стиль маркера выделяемому тексту.Значения применяемые к свойству могут не работать если шрифт не будет иметь требуемых глифов.Тоесть значения могут применять форму отображения не сопоставимую возможностям шрифта.Все применяемые глифы существуют в шрифте Kenten Generic OpenType Font,шрифт был создан специально для этого свойства.К сожалению нет возможности посмотреть на работу даже сокращённого свойства,на момент выхода статьи свойство не поддерживалось ни одним браузером.Свойство применимо ко всем элементам.Создано в версии CSS3 и проходит валидацию согласно версии CSS3.




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


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


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


Значение
Описание
noneМаркер не указан
filledМаркер заполняется светлым цветом,стиль маркера зависит от значений указанных в свойстве text-emphasis-position и применяемого шрифта
openМаркер прозрачный,стиль маркера зависит от значений указанных в свойстве text-emphasis-position и применяемого шрифта
dotСтиль маркера как заполненная точка - U+2022 ‘•’,и полая точка - U+25E6 ‘◦’
circleСтиль маркера как заполненный круг - U+25CF ‘●’,и полый круг - U+25CB ‘○’
double-circleСтиль маркера  как заполненный двойной круг - U+25C9 ‘◉’,и полый двойной круг - U+25CE ‘◎’
triangleСтиль маркера как заполненный треугольник - U+25B2 ‘▲’,и полый треугольник - U+25B3 ‘△’

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




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



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

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




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





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






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

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

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