Como adicionar efeitos de texto css3

Um site CSS3 pode fazer uso de novos efeitos de texto, além de decorações de texto simples. Claro, a desvantagem é que você deve saber que o espectador tem o apoio necessário.

Alguns efeitos de texto são parte da especificação, mas até agora permanecem sem o apoio de qualquer navegador - essas entradas são marcadas como tal. A lista a seguir descreve os efeitos especiais de texto que você pode criar usando CSS3.

  • pendurando-a pontuação (Atualmente sem suporte): Especifica se a pontuação pode aparecer fora do início ou fim de uma linha de texto quando o texto, caso contrário, precisa ser embalado. Os valores aceitáveis ​​são

  • none: A pontuação não pode aparecer fora da caixa.

  • primeiro: Pontuação pode aparecer fora da caixa na primeira linha.

  • última: Pontuação pode aparecer do lado de fora da caixa na última linha.

  • permitir-end: Pontuação pode aparecer fora da caixa em qualquer linha, se a pontuação não seria normalmente ajuste após o texto é justificado.

  • força-end: Pontuação pode aparecer fora da caixa em qualquer linha. Se a linha é justificada, o navegador irá forçar a pontuação para pousar fora da caixa.

  • pontuação-trim (Atualmente sem suporte): Especifica se a pontuação é cortado quando ele aparece fora do começo do fim de uma linha de texto quando o texto, caso contrário, precisa ser embalado. Os valores aceitáveis ​​são

  • none: A pontuação não é aparado.

  • primeiro: Apare qualquer pontuação pendurado na primeira linha.

  • última: Apare qualquer pontuação pendurado na última linha.

  • permitir-end: Apare a pontuação em qualquer linha onde não caberia após a linha é justificada.

  • adjacente: Apare alguns tipos de pontuação que aparece no início, meio ou fim de uma linha quando a pontuação aparece ao lado de um personagem de largura total.

  • text-align-last (Atualmente sem suporte): descreve como alinhar a última linha do texto quando o parágrafo baseia-se em uma margem justificada. Os valores aceitáveis ​​são:

  • auto: Depende do valor da propriedade text-align.

  • começar: Alinhado ao início da linha, que depende da direção do texto é colocado para fora (esquerda, para a direita ou para a direita, para a esquerda).

  • final: Alinhado ao fim da linha, que depende da direção do texto é colocado para fora (esquerda; para a direita ou para a direita, para a esquerda).

  • esquerda: Sempre alinhado para o lado esquerdo da caixa (independentemente da direcção do texto).

  • direita: Sempre alinhado para o lado direito da caixa (independentemente da direcção do texto).

  • centro: Conteúdos estão centradas na caixa de texto.

  • justificar: Contexto são justificados dentro da caixa de texto.

  • text-ênfase (Atualmente sem suporte): Define o -Ênfase de estilo de texto e text-ênfase-color Propriedades em uma única chamada.

  • text-justificar (Internet Explorer somente): Determina o alinhamento e espaçamento do texto que foi marcado como justificado (Onde o lado direito e esquerdo do texto são ainda, em vez de irregular). Os valores aceitáveis ​​são

  • auto: O navegador determina o método em que o texto é justificado.

  • inter-word: espaçamento Word é usado para justificar o texto.

  • inter-ideograma: espaçamento símbolo é usado para justificar o texto (espaços entre as palavras não são contados). Esta configuração é normalmente utilizado com os conjuntos de caracteres de dois bytes (DBCS) usados ​​com línguas que dependem de outros do que aqueles usados ​​por linguagens Roman-alfabeto como o Inglês caracteres.

  • inter-cluster: Somente texto que carece naturalmente de espaço em branco (como o material escrito em um idioma asiático) é justificada.

  • distribuir: Justificação segue o modelo usado por jornais, exceto que a última linha não é justificado quando se trabalha com idiomas do leste asiático, como tailandês.



  • kashida: Justificação é realizada por alongamento caracteres individuais.

  • aparar: Justificação é conseguido através de uma redução da quantidade de espaço entre letras.

  • none: Desative qualquer forma de justificação.

  • text-outline (Atualmente sem suporte): Cria um esboço que segue os contornos da personagem alvo. A propriedade oferece suporte a três valores:

  • espessura: A largura do esboço.

  • borrar: O raio do contorno.

  • cor: A cor usada para criar o esboço.

  • texto de estouro: Define a ação que ocorrerá quando o texto transborda a caixa utilizada para contê-lo. Os valores aceitáveis ​​são

  • clipe: Remove qualquer texto extra.

  • reticências: Exibe uma elipse mostrar que há texto adicional.

  • Corda: Exibe o valor da cadeia especificada para mostrar que há texto adicional.

  • text-shadow: Exibe uma sombra dos personagens alvo na mesma largura que o personagem alvo. O posicionamento, a força, e a cor da sombra são determinados pelas seguintes propriedades:

  • h-sombra: Determina o posicionamento horizontal da sombra.

  • v-sombra: Determina o posicionamento vertical da sombra.

  • borrão: Especifica a clareza do texto sombra. Usando um valor de 0 significa que o texto sombra tem a mesma clareza como o texto original.

  • cor: Define a cor usada para criar o esboço.

  • text-wrap (Atualmente sem suporte): Determina como o texto é embrulhado dentro da caixa que contém. Os valores aceitáveis ​​são

  • none: O texto transborda a caixa que contém quando é muito longo.

  • normais: O texto é dividido entre palavras ou outro espaço em branco.

  • irrestrita: O texto é dividido entre dois caracteres.

  • suprimir: O navegador só pode quebrar linhas se não há outros lugares válidos para quebrar uma linha dentro do parágrafo. A especificação não está claro quanto ao local onde a pausa ocorrerá, mas a suposição é que ele irá ocorrer entre as palavras ou em qualquer outro espaço em branco.

  • palavra-break (Sem suporte Opera): Determina como o texto é embrulhado dentro de uma caixa contendo quando se trabalha com uma linguagem não-CJK (chinês-japonês-coreano). Os valores aceitáveis ​​são

  • normal: Quebre o texto usando as regras padrão do navegador, o que normalmente significa entre palavras ou outro espaço em branco.

  • break-tudo: Quebre o texto entre dois caracteres.

  • hifenizar: Quebrar o texto em pontos de hifenização naturais, entre as palavras, ou em algum outro espaço em branco.

  • quebra de linha: Determina como o texto é quebrado e, em seguida, embrulhado para a próxima linha em uma caixa contendo quando se trabalha com uma linguagem não-CJK. Os valores aceitáveis ​​são

  • normal: Quebrar palavras usando regras padrão do navegador, o que normalmente significa em pontos de hifenização naturais.

  • break-word: Permitir quebra de palavras que normalmente não permitem a quebra.


  • Publicações relacionadas