это уже можно применять. [2011-08-20]
Автор: Андрей Каструбин
| Текст |
| команда |
виды команды |
расширение |
описание |
размерность |
| text |
операторы для работы с текстом |
| пример: |
h1 {text-align: center} |
| text-align |
выравнивает содержимое блочного элемента (текст или изображение) относительно границ блока, а так же содержимое ячеек таблицы по горизонтали. |
| left |
Выравнивание текста или изображения по левой границе. |
размер |
| right |
Выравнивание текста или изображения по правой границе. |
размер |
| center |
Выравнивание текста или изображения по центру. |
размер |
| justify |
Выравнивание текста по правой и левой границам. |
размер |
| inherit |
Заимствует значение свойства у родительского элемента. |
размер |
| text-decoration |
оформление текст. Это может быть: черта над, под или в середине текста, или мигание текста. |
| underline |
Текст с нижним подчеркиванием. |
есть/нет |
| overline |
Текст с верхним подчеркиванием. |
есть/нет |
| line-through |
Текст зачеркнутым. |
есть/нет |
| blink |
Текст будет мигать на экране с частотой примерно 1 раз в секунду. |
есть/нет |
| inherit |
Заимствует значение свойства у родительского элемента. |
есть/нет |
| none |
Отменяет все оформительские приемы (включая, отображаемые браузером по умолчанию). |
есть/нет |
| content |
применяется для того, чтобы вставить текст или изображение до или после какого-либо элемента. |
| пример: |
h2:before {content: 'Chapter: ';} |
| cтрока |
Текстовая строка в одинарных или двойных кавычках. |
есть/нет |
| none |
Нет никаких вставок текста. |
есть/нет |
| normal |
Значение аналогично none. |
есть/нет |
| uri |
Ссылка на изображение, оформленная: url(адрес) |
есть/нет |
| counter |
Создает счетчик с помощью свойств counter() or counters(). |
есть/нет |
| attr(имя атрибута) |
Возвращает строку, которая является значением атрибута элемента, указанного в скобках. Например: a.ext:after {content: ' (' attr(href) ')';} |
есть/нет |
| open-quote |
Вставляет открывающую кавычку, тип которой задается с помощью свойства quotes |
есть/нет |
| close-quote |
Вставляет закрывающую кавычку, тип которой задается с помощью свойства quotes |
есть/нет |
| no-open-quote |
Открывающая кавычка не вставляется в то место, где она должна быть. |
есть/нет |
| no-close-quote |
Закрывающая кавычка не вставляется в то место, где она должна быть. |
есть/нет |
| text-indent |
определяет размер отступа первой строки в тексте. На отступ других строк это свойство не влияет. |
| расстояние |
Величина отступа. При указании отрицательного значения, первая строка будет выступать над остальными строками. |
размер |
| процент% |
Процент от ширины всего блока, внутри которого находится строка. |
размер |
| text-transform |
Трансформирование строчных и заглавных букв, одни в другие. |
| capitalize |
Каждое слово в предложении будет начинаться с прописной буквы. |
есть/нет |
| uppercase |
Все буквы в каждом слове будут прописными. |
есть/нет |
| lowercase |
Все буквы в каждом слове будут строчными. |
есть/нет |
| none |
Отменяет вышеуказанные значения. Текст отображается как обычно. |
есть/нет |
| font |
свойства шрифта в одной строке |
| пример: |
p {font: 14pt/16pt, courier;} /* шрифт courier размером 14pt, межстрочный интервал 16pt */ |
| font-family |
название шрифта |
есть/нет |
| font-size |
размер |
размер |
| font-style |
normal |
Обычный прямой шрифт, без наклона. |
есть/нет |
| italic |
Курсивный шрифт - наклонный шрифт, имитирующий рукописный. |
есть/нет |
| oblique |
Наклонный шрифт. В большинстве браузеров отображается курсивом. |
есть/нет |
| font-variant |
прописные в написании, как заглавные, но меньшего размера. |
есть/нет |
| font-weight |
толщина |
размер |
| color |
цвет текста |
| пример: |
p {color: red} |
| цвет |
Цвет задается стандартным способом. |
color |
| transparent |
прозрачный фон. |
есть/нет |
| word-spacing |
определяет расстояние между словами. |
| пример: |
p {word-spacing: 1em;} |
| расстояние |
стандартный способ. Это значение будет приплюсовано к исходному расстоянию между словами. |
размер |
| normal |
Стандартное расстояние между словами, которое определяется шрифтом и/или браузером. |
размер |
| letter-spacing |
длина интервала между буквами. |
| пример: |
p {letter-spacing: 0.5em;} |
| line-height |
размер межстрочного интервала |
| пример: |
p {line-height: 1.2em} |
| white-space |
отображает пробелы, символы табуляции и пустой строки. По умолчанию последовательность символов пробела отображается браузером как один символ. С помощью свойства white-space можно изменить отображение пробелов, как последовательность. |
| пример: |
th {white-space: nowrap;} |
| normal |
Пробелы, символы табуляции и пустой строки определяются и отображаются браузером автоматически. |
есть/нет |
| pre |
Пробелы, символы табуляции и пустой строки будут отображаться в той последовательности и в том количестве, которые указаны разработчиком в HTML-коде документа. |
есть/нет |
| nowrap |
Пробелы, символы табуляции и пустой строки в коде HTML игнорируются, весь текст отображается одной строкой. Перенос текста на новую строку можно указать с помощью тега 'BR'. |
есть/нет |
| pre-wrap |
Сохраняет последовательность пробелов, текст переносится автоматически. |
есть/нет |
| pre-line |
Отображает последовательность пробелов как один, перенос строк сохраняется. |
есть/нет |
| quotes |
определяет вид открывающей и закрывающей кавычки в тексте. Свойство 'content' управляет вставкой кавычек до и/или после элемента. |
| пример: |
q:lang(en) { quotes: ''' ''' ''' ''' |
| строка |
Одна или несколько пар кавычек. Каждая пара состоит из открывающего и закрывающего символа. Последовательные пары кавычек используются для определения того, как отображать цитату, вложенную внутрь другой цитаты. |
есть/нет |
| none |
Кавычки не отображаются. |
есть/нет |
| direction |
отображение элементов с лево направо или с права на лево |
| пример: |
blockquote {direction: rtl;} |
| ltr |
Отображает элементы слева направо |
есть/нет |
| rtl |
Отображает элементы справа налево. |
есть/нет |
