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


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



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


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

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




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




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


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


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


Значение
Описание
<Значения>Значения расширеных свойств стиля и цвета маркеров выделения

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




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



<!DOCTYPE html>
<html lang="ru">
<head>
<title>Свойство text-emphasis</title>
<meta charset="utf-8">
<style>
@font-face {
font-family:MarckScript-Regular;
src: local("MarckScript-Regular"),
url(/css/demo/file/shrift/MarckScript-Regular.ttf);
}
p {
text-emphasis:none #00FFFF;
font-size:30px;
font-family:MarckScript-Regular;
}
</style>
</head>
<body>
<p>Текст без выделяемого оформления</p>
</body>
</html>

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




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





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






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

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

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