CSS: propiedad izquierda de relleno

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:

valordescribir
establevalor fijo en px, em, …
div { relleno a la izquierda: 5px; }
div { relleno-izquierda: 4em; }
porcentajevalor porcentual
div { relleno a la izquierda: 8%; }
heredarEl 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.

(Visited 15 times, 1 visits today)