CSS TextoFormato
Formato de texto
This text is styled with some of the text formatting properties. The heading uses the text-align, text-transform, and color properties. The paragraph is indented, aligned, and the space between characters is specified. The underline is removed from the link.
Color del texto
La propiedad color se utiliza para establecer el color del texto.
El color se especifica con mayor frecuencia en CSS mediante:
- Un valor hexadecimal - por ejemplo:＃FF0000
- Un valor RGB - por ejemplo:RGB(255,0,0)
- Un nombre de color - por ejemplo:red
Ver tambiénValores de color CSSConsulta el valor de color completo.
El color de fondo de una página web se define en el selector del cuerpo (body):
Según el estándar CSS de W3C: si defines la propiedad color, también debes definir la propiedad background-color.
Alineación del texto
La propiedad text-align se utiliza para establecer la alineación horizontal del texto.
El texto puede estar centrado o alineado a la izquierda o a la derecha, o justificado.
Cuando text-align se establece en "justify", cada línea se expande para que el ancho sea igual y los márgenes izquierdo y derecho estén alineados (como en revistas y periódicos).
Decoración del texto
La propiedad text-decoration se utiliza para establecer o eliminar la decoración del texto.
Desde el punto de vista del diseño, la propiedad text-decoration se utiliza principalmente para eliminar el subrayado de los enlaces:
También se puede decorar el texto de esta manera:
Ejemplo
Pruébalo »
No recomendamos enfatizar texto que no sea un enlace, porque esto suele confundir al usuario.
Transformación de texto
La propiedad text-transform se utiliza para especificar letras mayúsculas y minúsculas en un texto.
Se puede usar para convertir todas las palabras en mayúsculas o minúsculas, o poner en mayúscula la primera letra de cada palabra.
Ejemplo
Pruébalo »
Sangría del texto
La propiedad text-indent se utiliza para especificar la sangría de la primera línea del texto.
Más ejemplos
Especificar el espacio entre caracteres
Este ejemplo demuestra cómo aumentar o disminuir el espacio entre caracteres.
Especificar el espacio entre líneas
Este ejemplo demuestra cómo especificar el espacio entre líneas dentro de un párrafo.
Establecer la dirección del texto de un elemento
Este ejemplo demuestra cómo cambiar la dirección del texto de un elemento.
Aumentar el espacio en blanco entre palabras
Este ejemplo demuestra cómo aumentar el espacio en blanco entre palabras en un párrafo.
Deshabilitar el ajuste de línea del texto dentro de un elemento
Este ejemplo demuestra cómo deshabilitar el ajuste de línea del texto dentro de un elemento.
Alinear verticalmente una imagen
Este ejemplo demuestra cómo establecer la alineación vertical del texto con una imagen.
Añadir sombra al texto
Este ejemplo demuestra cómo establecer la sombra del texto.
Todas las propiedades de texto CSS.
| Propiedad | Descripción |
|---|---|
| color | Establece el color del texto |
| direction | Establece la dirección del texto. |
| letter-spacing | Establece el espaciado entre caracteres |
| line-height | Establece la altura de línea |
| text-align | Alinea el texto dentro de un elemento |
| text-decoration | Añade decoración al texto |
| text-indent | Indenta la primera línea de texto en un elemento |
| text-shadow | Establece la sombra del texto |
| text-transform | Controla las letras dentro de un elemento |
| unicode-bidi | Establece o devuelve si el texto está sobrescrito |
| vertical-align | Establece la alineación vertical del elemento |
| white-space | Establece cómo se maneja el espacio en blanco en un elemento |
| word-spacing | Establece el espaciado entre palabras |