|
|
|
|||||||||||||||
|
|
||||||||||||||||
none | - | отсутствие оформления |
underline | - | подчеркивание |
overline | - | линия над текстом |
line-through | - | перечеркивание |
blink | - | мерцание (работает не везде) |
Выглядит так:
линия над текстом
линия под текстом
линия посередине текста (перечеркнутый текст)
мерцающая гадость, которая не везде работает :)
Как сделать тексту тень
Есть еще такая штука, как text-shadow - эффект затенения текста.
Синтаксис:
<p style="text-shadow: 1-значение 2-значение 3-значение цвет">текст с тенью</p>
Первое значение - расстояние по горизонтали вправо от текста (отрицательное значение - влево от текста).
Второе значение - расстояние по вертикали вниз от текста (отриуательное значение - вверх от текста).
Третье значение - радиус нерезкости тени текста.
Может содержать несколько вариантов значений, которые следует отделять друг от друга запятыми. В каждом отдельном значении теневых эффектов обязательно должны быть значения смещения и возможны такие значения, как радиус нерезкости и цвет.
Пример:
<p style="text-shadow: 2px 2px 1px red, 4px 4px 1px green">текст с тенью</p>
Выглядит так:
текст с красной, а потом желтой тенью
зеленый текст с серой тенью
Все может быть, и если вдруг тень не появляется - нечего пенять на браузер - он никому не должен показывать то, чего не умеет :)
Есть, конечно, извращенный вариант - сделать иммитацию тени через позиционирование блочного элемента div со сдвигом, но... бррр...
