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 superior de relleno
Este tutorial de CSS explica cómo usar una propiedad de CSS llamada llenar la parte superior Con sintaxis y ejemplos.
describir
La propiedad padding-top de CSS define el espacio de relleno en la parte superior de un elemento.
sintaxis
La sintaxis de la propiedad CSS padding-top es:
padding-top: value;parámetro o parámetro
valor
El espacio de relleno aplicado a la parte superior del elemento. Puede ser uno de los siguientes:
| valor | describir |
|---|---|
| estable | valor fijo en px, em, … div { relleno superior: 4px; } div { relleno superior: 5em; } |
| porcentaje | valor porcentual div { relleno superior: 10%; } |
| heredar | El elemento heredará padding-top de su elemento principal div { padding-top: heredar; } |
notas
- El valor de la propiedad padding-top de CSS se puede expresar como un valor fijo o como un porcentaje.
- No se permiten valores negativos en la propiedad padding-top 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-bottom, padding-left y padding-right.
Compatibilidad del navegador
La propiedad CSS padding-top 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-top 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 superior de CSS en el que proporcionamos el valor como un valor fijo.
div { padding-top: 10px; }En este ejemplo de CSS padding-top, proporcionamos un valor de 10 px que se aplicará a la parte superior del elemento.
Veamos otro ejemplo de CSS padding-top con un valor fijo.
div { padding-top: 5em; }En este ejemplo de CSS padding-top, proporcionamos un valor de 5em, que se aplicará a la parte superior del elemento.
porcentaje de uso
Veamos un ejemplo de relleno superior de CSS en el que proporcionamos un valor de porcentaje.
div { padding-top: 4%; }En este ejemplo de CSS padding-top, proporcionamos un valor del 4 %, que se aplicará a la parte superior del elemento.