Стилизация альтернативного текста изображений
А не хотелось ли вам как-нибудь стилизовать альтернативный текст изображений?.. В таблице ниже указаны какие стили можно к нему применить.
Описание | CSS | Пример |
---|---|---|
Цвет фона контейнера | background-color: #ff0; |
|
Фоновое изображение контейнера | background-image: url(/images/blog/background-line.png); |
|
Цвет | color: red; |
|
Шрифт | font-family: Ubuntu, "Open Sans", sans-serif; |
|
Размер | font-size: 2rem; |
|
Курсивное начертание | font-style: italic; |
|
Наклонное начертание | font-style: oblique; |
|
Капитель | font-variant: small-caps; |
|
Жирное начертание | font-weight: bold; |
|
Расстояние между буквами | letter-spacing: 5px; |
|
Первая буква слова прописная | text-transform: capitalize; |
|
Все буквы прописные | text-transform: uppercase; |
|
Тень | text-shadow: 1px 1px; |
|
Расстояние между словами | word-spacing: 10px; |
Эта таблица плотно пересекается с той, которая указана в посте «Способы оформления текста с помощью HTML и CSS». Также стоит отметить, что текст можно сделать предварительно форматированным, о чём рассказывалось здесь.