Ir para conteúdo / Skip to content

QUOTES EM CSS

Postado em: 25 de setembro de 2006 por Pedro Rogério

Quotes 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:

Quotes em 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.

Se tiver um tempo, leiam também:

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 é proprietário do blog CSS no Lanche, blog voltado ao desenvolvimento front-end.

Deixe seu comentário

3 comentários para esse post

  1. Guido disse:
    #1

    Muito bom saber disso
    parabens pelo post

  2. TAG <q> FUNCIONANDO NO INTERNET EXPLORER » Pinceladas da Web - Reflexões sobre XHTML, CSS, PHP e WebStandards disse:
    #3

    [...] um artigo anterior podemos ver que a tag <q> não funciona no Internet Explorer, pra quem não sabe, [...]

Deixe seu comentário