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.