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


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



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


punctuation-trim | Свойство CSS

Свойство punctuation-trim обрезает знаки препинания.




Свойство punctuation-trim обрезает знаки пунктуации в тектовом поле.Указывая браузеру должен ли обрезаться символ пунктуации,если он появляется вначале или в конце строки,или является смежным к другому полноширинному символу пунктуации.На момент создания статьи свойство не работало ни в одном браузере.Свойство применимо ко всем элементам,создано в версии CSS3 и проходит валидацию согласно версии CSS3.




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


Значение
Описание
noneОбрезание знаков препинания не происходит
startОбрезать только открывающую пунктуацию в начале каждой строки
endОбрезать только закрывающую пунктуацию в конце каждой строки
allow-endОбрезать только закрывающую пунктуацию в конце каждой строки,если она не соответствует расположению при выравнивании
adjacentОбрезать открывающую пунктуацию,если предшествующий ей смежный символ является полноширинным открывающим, промежуточным или закрывающим знаком препинания или идеографическим пробелом. Обрезать закрывающую пунктуацию,если следующий за ней смежный символ является полноширинным закрывающим или промежуточным точечным знаком препинания или идеографическим пробелом

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




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



<!DOCTYPE html>
<html lang="ru">
<head>
<title>Свойство punctuation-trim</title>
<style type="text/css">
<!--
@font-face {
font-family:MarckScript-Regular;
src: local("MarckScript-Regular"),
url(/css/demo/file/shrift/MarckScript-Regular.ttf);
}
p {
font-size:16px;
font-family:MarckScript-Regular;
color:indigo;
}
p#one {
punctuation-trim:start;
}
p#two {
punctuation-trim:end;
}
-->
</style>
</head>
<body>
<center>
<p id="one">..Обрезать пунктуацию в начале строки</p>
<p id="two">Обрезать пунктуацию в конце строки..</p>
</center>
</body>
</html>

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




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





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






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

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

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