Los datos expuestos en este blog, son solo de índole informativo. Por favor realiza siempre una copia de seguridad antes de realizar cualquier cambio en tu proyecto.
CSS: propiedades de alineación de texto
Este tutorial de CSS explica cómo usar una propiedad de CSS llamada alineación del texto Con sintaxis y ejemplos.
describir
La propiedad CSS text-align define cómo se alinea el texto de un elemento dentro de su elemento de bloque principal.
sintaxis
La sintaxis de la propiedad CSS de alineación de texto es:
text-align: value;parámetro o parámetro
valor
La alineación del texto. Puede ser uno de los siguientes:
| valor | describir |
|---|---|
| permanecer | Alinear texto a la izquierda div { texto-alinear: izquierda; } |
| derecho | alineación del texto a la derecha div { texto-alinear: derecha; } |
| central | centro de texto div { texto-alinear: centro; } |
| probar legal | Alineación de texto (es decir, alinear los bordes izquierdo y derecho del párrafo) div { texto-alinear:alinear; } |
| Comienzo | Si la orientación es de izquierda a derecha, el texto se alineará a la izquierda. Si la dirección es de derecha a izquierda, el texto se alineará a la derecha. div {alineación de texto: inicio;} |
| fin | Si la dirección es de izquierda a derecha, el texto se alineará a la derecha. Si la dirección es de derecha a izquierda, el texto se alineará a la izquierda. div { texto-alinear: fin; } |
| heredar | El elemento heredará la alineación de texto de su elemento principal div { texto-alinear: heredar; } |
notas
- La propiedad text-align alinea el contenido en línea de un elemento (es decir, el texto) solo dentro de su elemento de bloque principal.
- La propiedad text-align no alinea el elemento de bloque en sí, solo el contenido en línea.
Compatibilidad del navegador
La propiedad CSS text-align tiene soporte básico para los siguientes navegadores:
- Aleación de cromo
- androide
- Firefox (Geco)
- Firefox móvil (Geco)
- Navegador de Internet (IE)
- es decir, móvil
- ópera
- Ópera Móvil
- Safari (WebKit)
- Safari para móvil
ejemplo
Discutiremos la propiedad de alineación de texto a continuación, explorando ejemplos de cómo usarla en CSS.
centro de uso
Veamos un ejemplo de alineación de texto CSS que centra el texto.
div { text-align: center; }En este ejemplo de alineación de texto CSS, vamos a
usar alineación a la izquierda
A continuación, veamos un ejemplo de alineación de texto CSS para texto alineado a la izquierda.
div { text-align: left; }En este ejemplo de alineación de texto CSS, vamos a
usar la alineación correcta
Veamos un ejemplo de alineación de texto CSS, donde alineamos el texto a la derecha.
div { text-align: right; }En este ejemplo de alineación de texto CSS, vamos a