
La propiedad padding-right en CSS establece el relleno en el extremo derecho 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-right 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-right: 0.8em; padding-right: 0; padding-right: 5cm; /* <porcentage> porcentajes */ padding-right : 20%; /* valores globales */ padding-right: inherit; padding-right: initial; padding-right: unset;
Ejemplos y aplicaciones en código
Utilice la propiedad padding-right
para agregar una nota a pie de página en el lado derecho por 20px
:
< p > < code > padding-right: 20px; </ code > </ p >
Código CSS:
p { border: thin solid; padding-right: 20px; float: right; }
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 generales
<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-right css
padding-right: <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-left
. - 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.
- ¿Qué es el código CSS y en que se utiliza?
- Característica background-attachment en CSS
- Característica background-blend-mode en CSS
- Característica background-clip en CSS
- Característica background-color en CSS
- Característica background-image en CSS
- Característica background-origin en CSS
- Característica background-position en CSS
- Característica background-repeat en CSS
- Característica background-size en CSS
- Característica border-bottom en CSS
- Característica border-bottom-color en CSS
- Característica border-bottom-style en CSS
- Característica border-bottom-width en CSS
- Característica border-color en CSS
- Característica border-image en CSS
- Característica border-image-outset en CSS
- Característica border-image-repeat en CSS
- Característica border-image-slice en CSS
- Característica border-image-source en CSS
- Característica border-left-color en CSS
- Característica border-left-style en CSS
- Característica border-left-width en CSS
- Característica border-right en CSS
- Característica Box Sizing en CSS
- Característica box-shadow en CSS
- Característica de Border en CSS
- Característica de Opacity en CSS
- Característica del Background en CSS
- Característica del Color en el CSS
- Característica del CSS Bottom
- Característica del CSS Display
- Característica del Margin en CSS
- Característica del Overflow en CSS
- Característica del Padding en CSS
- Características align-content en CSS
- Características align-items en CSS
- Características align-self en CSS
- Características border-bottom-left-radius en CSS
- Características border-bottom-right-radius en CSS
- Características border-image-width en CSS
- Características border-left en CSS