manual de referência CSS

CSS @regras (RULES)

大全 de propriedades CSS

CSS3 text-Atributo shadow CSS3 text-Atributo justify

CSS3 text-Métodos de uso e exemplos da propriedade overflow

text-A propriedade overflow CSS determina quando o contêiner de texto ultrapassa o tamanho visível (em vez de ser visível)overflowcomo exibir o conteúdo de texto no elemento de container de bloco.

A tabela a seguir fornece a descrição de uso e histórico de versão deste atributo, bem como a sintaxe de uso do atributo no script JavaScript.

Valor padrão:	clip
Aplicável a:	Container de bloco
Herança:	Nenhum
Animável:	Não.Veja mais detalhes Propriedades de animação。
Versão：	CSS3nova funcionalidade
Sintaxe do JavaScript：	objeto.style.textOverflow="ellipsis"

Atenção:Por exemplo, se o elemento for definido como nowrap e o espaço em branco ou a palavra única for muito longa para caber, o texto pode transbordar, resultando em transbordamento de texto.

text-Sintaxe de uso da overflow

A sintaxe dessa propriedade é a seguinte:

text-overflow:　clip　|　ellipsis　|　string　|　initial　|　inherit

Os seguintes exemplos mostram como usar text-propriedade overflow。

Exemplo

　　p　{
　overflow:　hidden;
　white-space:　nowrap;
　　　text-overflow:　ellipsis;
　　}

Teste e veja‹/›

Valor da propriedade

A tabela a seguir descreve os valores dessa propriedade.

Valor	Descrição
clip	Corte o texto que se ajusta ao conteúdo do texto.
ellipsis	Use o caractere de pontuação omitida ('...'）para substituir o texto cortado.
string	Use a string fornecida para representar o texto cortado. A string é exibida dentro da área de conteúdo, reduzindo o tamanho do texto exibido. Se não houver espaço suficiente para exibir a string, ela será cortada.
initial	Defina essa propriedade como seu valor padrão.
inherit	Se especificado, o elemento relacionado adota o texto do elemento pai-Valores da propriedade overflow。

Compatibilidade do navegador

text-Compatibilidade do navegador com a propriedade overflow. Os números na tabela a seguir representam a versão mais baixa do navegador que suporta essa propriedade; todos os navegadores principais suportam essa propriedade.

	Firefox 7+ Google Chrome1+ Internet Explorer 6+ Apple Safari 1+ Opera 9+

Atenção: Internet Explorer suporta-ms-text-Versão de prefixo de sinônimo que pode ser usada com overflow.text-overflow。Opera 9e10Suporta versões com prefixo-o-text-overflow。