CSS/Шрифты и текст: различия между версиями
Содержимое удалено Содержимое добавлено
Oleg4280 (обсуждение | вклад) Нет описания правки |
Oleg4280 (обсуждение | вклад) Нет описания правки |
||
Строка 3:
== Шрифты ==
* <code>font-family</code>
Семейство шрифта
Строка 36 ⟶ 37 :
</div>
* <code>font-style</code>
Стиль шрифта
Строка 46 ⟶ 48 :
Браузеры последний стиль обычно отображают как курсивный
* <code>font-variant</code>
Вариант шрифта
Строка 52 ⟶ 55 :
# small-caps — капитель, то есть все строчные символы становятся уменьшенными заглавными
* <code>font-weight</code>
Вес шрифта
Строка 71 ⟶ 75 :
</ol>
* <code>font-size</code>
Размер шрифта
Строка 80 ⟶ 85 :
# абсолютные и относительные единицы измерения CSS
* <code>line-height</code>
Межстрочный интервал, часто применяется вместе с font-size
Строка 90 ⟶ 96 :
# % — проценты от текущего размера шрифта
* <code>font</code>
Это сокращённая форма записи свойств шрифта. Необходимо лишь указать font-size и font-family. Остальные свойства шрифта указываются при желании
Строка 105 ⟶ 111 :
* web-шрифты
Свойство, которое позволяет отображать на экране компьютера любой шрифт. Впервые появилось в CSS2. Используется правило <code>@font-face</code>
Шрифты бывают следующих типов:
Строка 117 ⟶ 124 :
== Текст ==
* <code>text-align</code>
Выравнивание текста
Строка 127 ⟶ 135 :
# justify — по ширине
* <code>letter-spacing</code>
Интервал между буквами
Строка 133 ⟶ 142 :
# length — значение в единицах измерения CSS (допускаются отрицательные значения)
* <code>word-spacing</code>
Интервал между словами
Строка 139 ⟶ 149 :
# length — значение в единицах измерения CSS (допускаются отрицательные значения)
* <code>text-decoration</code>
Оформление текста
Строка 150 ⟶ 161 :
# none — отмена всех эффектов
* <code>text-indent</code>
Отступ первой строки
Строка 156 ⟶ 168 :
# % — проценты от ширины строки
* <code>text-transform</code>
Трансформация текста
Строка 166 ⟶ 179 :
# capitalize — преобразование первой буквы каждого слова в заглавную
* <code>vertical-align</code>
Выравнивание элемента по вертикали
Строка 193 ⟶ 207 :
Для строчных элементов это свойство выравнивает сам элемент, а не его содержимое. Для ячеек таблицы — наоборот
* <code>white-space</code>
Пробелы между словами
Строка 204 ⟶ 219 :
# pre-line — пробелы не учитываются, текст переносится
* <code>text-shadow</code> (CSS3)
Добавление тени к тексту
Строка 215 ⟶ 231 :
# none — нет тени (значение по умолчанию)
* <code>text-overflow</code> (CSS3)
Видимость текста, если он не влезает в ширину блока
Строка 226 ⟶ 242 :
# ellipsis — текст обрезается с добавлением многоточия
{{BookCat}}
[[en:Cascading_Style_Sheets/Fonts_and_Text]]
| |||