Latest web development tutorials

CSS Texto (texto)

text Format

O presente texto é denominado o com algum de pelo O texto propriedades de formatação. No A rubrica os usos do The text-align = left, texto-Transform, e propriedades de cores. No parágrafo é recuada, o alinhados, e ao Espacial entre caracteres é especificado. Na sublinhado é removido no The " tentar " link.

Cor do texto

atributo de cor é usada para definir a cor do texto.

Cor é mais frequentemente especificado por CSS:

  • valores hexadecimais - tais como "# FF0000"
  • Um valor RGB - "RGB (255,0,0)"
  • nomes de cores - como "vermelho"

Ver valores de cor CSS visualizar valores de cores completas.

Um fundo da página é no corpo principal dos meios de selecção:

Exemplos

body {color:blue;}
h1 {color:#00ff00;}
h2 {color:rgb(255,0,0);}

tente »

observação Para o CSS padrão W3C: se você definir a propriedade de cor, você deve também personalizar os atributos de cor de fundo.


O alinhamento do texto

propriedade de texto-align é usado para definir o alinhamento horizontal do texto.

O texto pode ser centrada ou alinhada com o justificado esquerda ou para a direita.

Quando text-align está definido para "justificar", cada linha foi expandido para a mesma largura, margem esquerda e direita estão alinhados (como revistas e jornais).

Exemplos

h1 {text-align:center;}
p.date {text-align:right;}
p.main {text-align:justify;}

tente »


Text-decoration

propriedade text-decoration é usado para definir ou remover o texto decorativo.

Do ponto de vista do design é principalmente text-decoration propriedade é usada para remover o sublinhado dos links:

Exemplos

a {text-decoration:none;}

tente »

Você também pode decorar este texto:

Exemplos

h1 {text-decoration:overline;}
h2 {text-decoration:line-through;}
h3 {text-decoration:underline;}

tente »

observação Não é recomendável para enfatizar que o texto não é um link, porque é muitas vezes confundido com o usuário.


Conversores de texto

Converter atributo de texto é usado para especificar letras maiúsculas e minúsculas em um texto.

Iniciais pode ser usado para tudo em letras maiúsculas ou minúsculas, ou cada palavra em maiúsculas.

Exemplos

p.uppercase {text-transform:uppercase;}
p.lowercase {text-transform:lowercase;}
p.capitalize {text-transform:capitalize;}

tente »


Text-indent

Text-indent propriedade para recuar a primeira linha é utilizada para especificar o texto.

Exemplos

p {text-indent:50px;}

tente »


Exemplos

mais exemplos

espaço, entre personagens
Este exemplo demonstra como para aumentar ou diminuir o espaço entre os caracteres.

Especifica o espaço entre as filas e filas
Este exemplo demonstra como especificar o espaço entre as linhas de um parágrafo

Definir elemento de orientação do texto
Este exemplo demonstra como para mudar a direcção do elemento de texto.

Aumentar o espaço em branco entre as palavras
Este exemplo demonstra como adicionar um espaço em branco entre as palavras em um parágrafo.

Desativar a quebra de texto no elemento
Este exemplo demonstra como desativar um elemento de texto dentro do surround.

imagem alinhamento vertical
Este exemplo demonstra como para definir o alinhamento vertical da imagem de texto.

Adicionar sombras de texto
Este exemplo demonstra como definido sombras de texto.


Todos os atributos de texto CSS.

propriedade descrição
cor Defina a cor do texto
direção Definir a orientação do texto.
letter-spacing espaçamento entre caracteres Configuração
line-height Definir a altura da linha
text-align Alinhar o texto no elemento
text-decoration Adicionando modificações ao texto
text-indent Recuar a primeira linha dos elementos chineses
text-shadow Defina a sombra de texto
text-transform letras elemento de controle
unicode-bidi Define ou retorna se o texto é reescrito
vertical-align Definir o alinhamento vertical de elementos
white-space elemento set em branco é tratado
word-spacing configurações de espaçamento entre as palavras