Quotes em CSS
Postado por: Pedro Rogério emQuotes ou citações, são aquelas aspas que colocamos em nosso texto. Com CSS, você pode fazer isso de uma forma muito simples, peguemos o seguinte código CSS:
E o nosso código HTML ficaria da seguinte forma:
<q>Esta é uma citação <q>encaixada</q> dentro de outra citação</q>
Que seria mostrado da seguinte forma: “Esta é uma citação ‘encaixada’ dentro de outra citação”. Reparem que tudo que está dentro das aspas(que eu destaquei em vermelho), é o que será mostrado no navegador. Você também pode usar < , >, *, ? e outros caracteres.
Sobre Pedro Rogério
Pedro Rogério é desenvolvedor web por paixão, não saberia fazer melhor outra coisa. Além de escrever para o Pinceladas da Web também escreve para o CSS no Lanche, blog voltado ao desenvolvimento front-end.
Muito bom saber disso
parabens pelo post
[...] – Demo – [...]
[...] um artigo anterior podemos ver que a tag <q> não funciona no Internet Explorer, pra quem não sabe, [...]
Pedro a propriedade quotes funciona em todos os browsers? E o elemento q? Pelo que pesquisei, muito rapido, o elemento não é compativel com o I.E.
Mauro,
Infelizmente não funciona no Internet Explorer, mas existe uma alternativa para isso:
http://www.pinceladasdaweb.com.br/blog/2007/03/07/tag-q-funcionando-no-internet-explorer/