2012-03-27 4 views
7

Я хочу, чтобы h2 подчеркивал и мигал в одно и то же время.
Есть ли способ достичь этого, изменяя только стиль CSS h2?CSS многократное текстовое оформление

Например:

h2{ 
    text-decoration:underline,blink; 
} 

или

h2{ 
    text-decoration:underline; 
    text-decoration:blink; 
} 

* ни один из вышеперечисленных работ

если нет такой способ, что это самый быстрый/простой способ сделать это?

+0

Вы пробовали 'text-decoration: underline blink'? – powerbuoy

+1

в соответствии с сайтом, [Соответствующие пользовательские агенты могут игнорировать это значение, поскольку мигающий контент может нанести ущерб доступности страницы.] (Http://reference.sitepoint.com/css/text-decoration) - и большинство браузеров «багги» в поддержке – Joseph

+3

Единственная причина для добавления blink - это когда вы разрабатываете сайт, который высмеивает старые методы. –

ответ

18

Вам нужно пространство разделить их:

text-decoration: underline overline line-through; 

http://jsfiddle.net/PamjT/

+5

Это синтаксически-правильный способ, но я предполагаю, что вы связаны с поиграем с другим набором украшений по уважительной причине, и я приветствую вас за это :) – BoltClock

+0

@BoltClock http://jsfiddle.net/PamjT/2/ –

+1

@Frederick Marcoux: FLAGGED> :( – BoltClock

0

Проще всего установить border-bottom к вашему h2:

h2 { 
    border-bottom:1px solid black; 
    text-decoration:blink; 
} 

Обратите внимание, что мерцание не поддерживается в IE, Chrome и Safari

+0

Нижняя граница будет растягиваться по ширине элемента блока, который может быть или не быть тем, чего хочет OP, потому что это не украшение текста (очевидно). – BoltClock

+0

Я знаю, что не знал, что вы можете указать два значения в декларации для оформления текста :(, o хорошо спасибо @BoltClock :) –

Смежные вопросы