CSS/Шрифты и текст: различия между версиями

Содержимое удалено Содержимое добавлено
Нет описания правки
Нет описания правки
Строка 3:
== Шрифты ==
 
*=== <code>font-family</code> ===
 
Семейство шрифта
Строка 37:
</div>
 
*=== <code>font-style</code> ===
 
Стиль шрифта
Строка 48:
Браузеры последний стиль обычно отображают как курсивный
 
*=== <code>font-variant</code> ===
 
Вариант шрифта
Строка 55:
# small-caps — капитель, то есть все строчные символы становятся уменьшенными заглавными
 
*=== <code>font-weight</code> ===
 
Вес шрифта
Строка 75:
</ol>
 
*=== <code>font-size</code> ===
 
Размер шрифта
Строка 85:
# абсолютные и относительные единицы измерения CSS
 
*=== <code>line-height</code> ===
 
Межстрочный интервал, часто применяется вместе с font-size
Строка 96:
# % — проценты от текущего размера шрифта
 
*=== <code>font</code> ===
 
Это сокращённая форма записи свойств шрифта. Необходимо лишь указать font-size и font-family. Остальные свойства шрифта указываются при желании
Строка 110:
Также можно указывать ключевые слова: caption, icon, menu, message-box, small-caption, status-bar
 
*=== web-шрифты ===
 
Свойство, которое позволяет отображать на экране компьютера любой шрифт. Впервые появилось в CSS2. Используется правило <code>@font-face</code>
Строка 124:
== Текст ==
 
*=== <code>text-align</code> ===
 
Выравнивание текста
Строка 135:
# justify — по ширине
 
*=== <code>letter-spacing</code> ===
 
Интервал между буквами
Строка 142:
# length — значение в единицах измерения CSS (допускаются отрицательные значения)
 
*=== <code>word-spacing</code> ===
 
Интервал между словами
Строка 149:
# length — значение в единицах измерения CSS (допускаются отрицательные значения)
 
*=== <code>text-decoration</code> ===
 
Оформление текста
Строка 161:
# none — отмена всех эффектов
 
*=== <code>text-indent</code> ===
 
Отступ первой строки
Строка 168:
# % — проценты от ширины строки
 
*=== <code>text-transform</code> ===
 
Трансформация текста
Строка 179:
# capitalize — преобразование первой буквы каждого слова в заглавную
 
*=== <code>vertical-align</code> ===
 
Выравнивание элемента по вертикали
Строка 207:
Для строчных элементов это свойство выравнивает сам элемент, а не его содержимое. Для ячеек таблицы — наоборот
 
*=== <code>white-space</code> ===
 
Пробелы между словами
Строка 219:
# pre-line — пробелы не учитываются, текст переносится
 
*=== <code>text-shadow</code> (CSS3) ===
 
Добавление тени к тексту
Строка 231:
# none — нет тени (значение по умолчанию)
 
*=== <code>text-overflow</code> (CSS3) ===
 
Видимость текста, если он не влезает в ширину блока
 
Это свойство работает вместе с <code>overflow</code>
 
Возможные значения: