Definición de .padding utilizado en CSS
La propiedad .padding en CSS define la parte más interna del modelo de caja, creando espacio alrededor del contenido de un elemento, dentro de cualquier márgenes y/o bordes definidos.
Caso de uso de la propiedad padding
Si te gustaría emplear esta propiedad de CSS en tu stylesheet, hazlo de esta forma:
.box {
padding: 0 1.5em 0 1.5em;
}Otro ejemplo más avanzado de .padding es el siguiente de CODEPEN:
Sintaxis de .padding en CSS
padding: length|initial|inherit;Valores
| Valor | Descripción | Manifestación |
|---|---|---|
| longitud | Especifica el relleno en px, pt, cm, etc. El valor predeterminado es 0. | |
| % | Especifica el relleno en porcentaje del ancho del elemento contenedor | |
| inicial | Establece esta propiedad en su valor predeterminado. | |
| heredar | Hereda esta propiedad de su elemento principal. |
Exploradores compatibles con .padding
Los números de la tabla detallan la primera versión del navegador que es completamente compatible con la propiedad.
Los números seguidos de -webkit- detallan la primera versión que funcionó con un prefijo.
| Property | Chrome | Internet Explorer / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|---|
| perspective | 36.0 12.0 -webkit- | 10.0 | 16.0 10.0 -moz- | 9.0 4.0.3 -webkit- | 23.0 15.0 -webkit- |
