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-punctuation (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 (Actualmente não suportado): Especifica se a pontuação é cortada quando ele aparecer fora do início da extremidade de uma linha de texto, quando o texto que de outra forma necessitam de ser enrolado. 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 todas as linhas 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 número se baseia 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, o que depende da direção do texto é colocado para fora (à esquerda, para a direita ou para a direita, para a esquerda).
final: Em linha com a extremidade da linha, a qual depende do sentido do texto é apresentado (esquerda; para a direita ou para a direita, para a esquerda).
esquerda: Sempre alinhados para o lado esquerdo da caixa (independentemente da direcção do texto).
direita: Sempre alinhados para o lado direito da caixa (independentemente da direcção do texto).
Center: Os conteúdos são centradas dentro de caixa de texto.
justificar: Contexto são justificadas dentro da caixa de texto.
text-ênfase (Atualmente sem suporte): Define o -Ênfase no estilo de texto e text-ênfase-color Propriedades em uma única chamada.
text-justificar (Somente Internet Explorer): 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 palavra é usada para justificar o texto.
inter-ideograph: 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 utilizado por jornais, exceto que a última linha não é justificado quando se trabalha com idiomas do Leste Asiático, como Tailândia.
kashida: Justificação é realizado por alongando caracteres individuais.
aparar: Justificação é conseguido através de uma redução da quantidade de espaço em branco entre as letras.
none: Desative qualquer forma de justificação.
text-esboço (Atualmente sem suporte): Cria um esquema que segue os contornos da personagem alvo. A propriedade oferece suporte a três valores:
espessura: A largura do contorno.
borrão: O raio do contorno.
Cor: A cor usada para criar o esboço.
text-estouro: Define a ação que ocorrerá quando o texto ultrapassa 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: Apresenta 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 da sombra tem a mesma clareza do texto original.
color: Define a cor usada para criar o esboço.
text-wrap (Atualmente sem suporte): Determina como o texto é enrolado dentro da caixa que contém. Os valores aceitáveis são
none: O texto ultrapassa 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 é clara quanto ao local onde a pausa ocorrerá, mas a suposição é que ela irá ocorrer entre as palavras ou em algum outro espaço em branco.
palavra-break (Sem suporte Opera): Determina como o texto é envolvido 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 que 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.
word-wrap: Determina como o texto está 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.