
La propiedad padding-left en CSS establece el relleno en el extremo izquierdo del elemento. A diferencia de las notas margin
a pie de página, no se puede utilizar el uso de valores negativos para las notas a pie de página. La propiedad corta se puede utilizar padding
para establecer todas las notas al pie de los cuatro lados de un elemento en una sola regla.
Funciones padding-left css
Valor inicial | 0 |
---|---|
Aplicado a | Todos los elementos, excepto los elementos de la tabla en los que el valor de la propiedad no es igual a display una de las palabras reservadas table-caption , table y inline-table . |
Heredable | No |
Móvil | sí |
Valor calculado | Un porcentaje o longitud absoluta. |
/* <length> longitudes */ padding-left: 0.5em; padding-left: 0; padding-left: 2cm; /* <porcentage> porcentajes */ padding-left : 10%; /* valores globales */ padding-left: inherit; padding-left: initial; padding-left: unset;
Ejemplos y aplicaciones en código
Use la propiedad padding-left
para agregar una nota a pie de página en el lado izquierdo por 20px
:
< p > < code > padding-left: 20px; </ code > </ p >
Código CSS:
p { border: thin solid; padding-left: 20px; }
Soporte de navegadores
Característica | Chrome | Firefox | IE | Ópera | Safari |
---|---|---|---|---|---|
Soporte básico | 1.0 | 1.0 | 4.0 | 3,5 | 1.0 |
Características general
<length>
Determine el valor de la nota al pie en longitudes absolutas, y el valor no puede ser negativo.
<percentage>
Especifica el valor de la nota al pie como un porcentaje del ancho del elemento de bloque que contiene el elemento actual, y el valor no puede ser negativo.
Estructura padding-left css
padding-left: <length> | <percentage>;
Consulte también
- La propiedad
padding
de la página y la página subpropiedades que este conjunto de propiedades son:padding-top
,padding-bottom
ypadding-right
. - Página de propiedades
margin
que establece los márgenes en los cuatro extremos del elemento. - La página de propiedades
position
que describe cómo se debe colocar el elemento en el documento.
- Introducción al Lenguaje de Programación CSS
- Características text-decoration-style en CSS
- Características text-decoration-line en CSS
- Características text-decoration-color en CSS
- Características text-decoration en CSS
- Características text-align-last en CSS
- Características text-align en CSS
- Características tab-size en CSS
- Características overflow-wrap en CSS
- Características line-break en CSS
- Características letter-spacing en CSS
- Características direction en CSS
- Características line-height en CSS
- Características font-style en CSS
- Características font-weight en CSS
- Características font-stretch en CSS
- Características font en CSS
- Características font-size-adjust en CSS
- Características font-size en CSS
- Características font-kerning en CSS
- Características font-family en CSS
- Características order en CSS
- Características justify-content en CSS
- Características flex-wrap en CSS
- Características flex-shrink en CSS
- Características flex-grow en CSS
- Características flex-flow en CSS
- Características flex-direction en CSS
- Características flex-basis en CSS
- Características flex en CSS
- Características align-self en CSS
- Características align-items en CSS
- Características align-content en CSS
- Características overflow-y en CSS
- Características overflow-x en CSS
- Características overflow en CSS
- Características padding-right en CSS
- Características padding-left en CSS
- Características padding-bottom en CSS
- Características margin-top en CSS
- Características padding-top en CSS
- Características margin-right en CSS