CSS: propiedad de relleno derecho

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 de relleno derecho

Este tutorial de CSS explica cómo usar una propiedad de CSS llamada Rellenar a la derecha Con sintaxis y ejemplos.

describir

La propiedad padding-right de CSS define el espacio de relleno en el lado derecho de un elemento.

sintaxis

La sintaxis de la propiedad CSS padding-right es:

padding-right: value;

parámetro o parámetro

valor

El espacio de relleno aplicado a la derecha del elemento. Puede ser uno de los siguientes:

valor describir
estable valor fijo en px, em, …
div { relleno derecho: 5px; }
div { relleno derecho: 10em; }
porcentaje valor porcentual
div { relleno derecho: 5%; }
heredar El elemento heredará el relleno de su elemento principal
div { relleno derecho: heredar; }

notas

  • El valor de la propiedad padding-right de CSS se puede expresar como un valor fijo o como un porcentaje.
  • No se permiten valores negativos en la propiedad padding-right de CSS.
  • Cuando el valor se proporciona como un porcentaje, es relativo al ancho del bloque que lo contiene.
  • Consulte también padding, padding-top, padding-bottom y padding-left.

Compatibilidad del navegador

La propiedad padding-right de CSS 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-right a continuación, explorando ejemplos de cómo usarla con valores fijos y porcentuales en CSS.

usar valor fijo

Veamos un ejemplo de relleno derecho de CSS en el que proporcionamos el valor como un valor fijo.

div { padding-right: 9px; }

En este ejemplo de CSS padding-right, proporcionamos un valor de 9px, que se aplicará al lado derecho del elemento.

Veamos otro ejemplo de CSS padding-right con un valor fijo.

div { padding-right: 3em; }

En este ejemplo de CSS padding-right, proporcionamos un valor de 3em, que se aplicará al lado derecho del elemento.

porcentaje de uso

Veamos un ejemplo de CSS padding-right en el que proporcionamos un valor porcentual.

div { padding-right: 3%; }

En este ejemplo de CSS padding-right, proporcionamos un valor del 3 %, que se aplicará al lado derecho del elemento.