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: propiedad izquierda de relleno
Este tutorial de CSS explica cómo usar una propiedad de CSS llamada llenar a la izquierda Con sintaxis y ejemplos.
describir
La propiedad CSS padding-left define el espacio de relleno en el lado izquierdo de un elemento.
sintaxis
La sintaxis de la propiedad CSS padding-left es:
padding-left: value;parámetro o parámetro
valor
Espacio de relleno aplicado a la izquierda del elemento. Puede ser uno de los siguientes:
| valor | describir |
|---|---|
| estable | valor fijo en px, em, … div { relleno a la izquierda: 5px; } div { relleno-izquierda: 4em; } |
| porcentaje | valor porcentual div { relleno a la izquierda: 8%; } |
| heredar | El elemento heredará padding-left de su elemento principal div { relleno-izquierda: heredar; } |
notas
- El valor de la propiedad padding-left de CSS se puede expresar como un valor fijo o como un porcentaje.
- No se permiten valores negativos en la propiedad padding-left de CSS.
- Cuando el valor se proporciona como un porcentaje, es relativo al ancho del bloque que lo contiene.
- Véase también padding, padding-top, padding-bottom y padding-right.
Compatibilidad del navegador
La propiedad CSS padding-left 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 padding-left a continuación, explorando ejemplos de cómo usar esta propiedad con valores fijos y porcentuales en CSS.
usar valor fijo
Veamos un ejemplo de relleno izquierdo de CSS en el que proporcionamos el valor como un valor fijo.
div { padding-left: 10px; }En este ejemplo de CSS padding-left, proporcionamos un valor de 10 px que se aplicará al lado izquierdo del elemento.
Veamos otro ejemplo de relleno izquierdo de CSS con un valor fijo.
div { padding-left: 6em; }En este ejemplo de CSS padding-left, proporcionamos un valor de 6em, que se aplicará al lado izquierdo del elemento.
porcentaje de uso
Veamos un ejemplo de relleno izquierdo de CSS en el que proporcionamos un valor porcentual.
div { padding-left: 5%; }En este ejemplo de CSS padding-left, proporcionamos un valor del 5 %, que se aplicará al lado izquierdo del elemento.