manual de referencia CSS

CSS @reglas (RULES)

大全 de propiedades CSS

CSS3 text-Atributo shadow CSS3 text-Atributo justify

CSS3 text-Métodos de uso y ejemplos de la propiedad overflow

text-La propiedad overflow de CSS determina cuándo el contenedor de texto sobrepasa el área visible (en lugar de visible)overflowal elemento de contenedor de bloques, cómo se muestra el contenido de texto.

La tabla a continuación muestra la explicación de uso y el historial de versiones de este atributo, así como la sintaxis de uso en scripts de JavaScript.

Valor predeterminado：	clip
Aplicable a：	Contenedor de bloques
Herencia：	Ninguno
Animable:	No.Ver Atributos de animación.
Versión：	CSS3nueva funcionalidad
Sintaxis de JavaScript：	objeto.style.textOverflow="ellipsis"

Nota:Por ejemplo, si el elemento se establece como nowrap y el espacio en blanco o la palabra única es demasiado larga para caber, el texto puede desbordar, lo que resulta en un desbordamiento de texto.

text-Sintaxis de uso de overflow

La sintaxis de este atributo es la siguiente:

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

A continuación se muestra un ejemplo de cómo usar text-Atributo overflow.

Ejemplo

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

Prueba y mira‹/›

Valor del atributo

La tabla a continuación describe los valores de este atributo.

Valor	Descripción
clip	El recorte es adecuado para el texto del contenido. Los caracteres pueden solo ser renderizados parcialmente.
ellipsis	Usar el carácter de puntos suspensivos ('...'） para reemplazar el texto cortado.
string	Use la cadena proporcionada para representar el texto cortado. La cadena se muestra en el área de contenido, lo que reduce el tamaño del texto que se muestra. Si no hay suficiente espacio para mostrar la cadena, se la recortará.
initial	Establezca este atributo en su valor predeterminado.
inherit	Si se especifica, el elemento asociado utiliza el valor de text de su elemento padre-Valores del atributo overflow.

Compatibilidad del navegador

text-Compatibilidad del navegador para el atributo overflow, los números en la tabla a continuación representan la versión más baja de los navegadores que soportan este atributo; todos los navegadores principales soportan este atributo.

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

Nota: Internet Explorer soporta-ms-text-overflow puede usarse como versión de sinónimo con prefijo text-overflow. Opera 9y10Soporta versiones con prefijo-o-text-overflow.

Leer más

Consulte los tutoriales relacionados con el siguiente contenido:CSS OverflowyCSS Text.

Atributos relacionados con el texto:letter-spacing,text-align,text-decoration,text-indent,text-shadow,text-transform,white-space,word-spacing.

CSS3 text-Atributo shadow CSS3 text-Atributo justify