in

Propiedad de relleno CSS

Ejemplo

Establezca el relleno para los cuatro lados de un elemento

en 35 píxeles:

pag {
relleno: 35px;
}

Inténtalo tú mismo »

Más ejemplos de «Pruébelo usted mismo» a continuación.


Definición y uso

El relleno de un elemento es el espacio entre su contenido y su borde.

los padding property es una propiedad abreviada de:

Nota: El relleno crea espacio adicional dentro de un elemento, mientras que el margen crea espacio adicional alrededor de un elemento.

Esta propiedad puede tener de uno a cuatro valores.

Si la propiedad de relleno tiene cuatro valores:

  • relleno: 10px 5px 15px 20px;
    • el relleno superior es de 10 px
    • el relleno derecho es de 5px
    • el acolchado inferior es de 15px
    • el relleno izquierdo es 20px

Si la propiedad de relleno tiene tres valores:

  • relleno: 10px 5px 15px;
    • el relleno superior es de 10 px
    • el relleno derecho e izquierdo son 5px
    • el acolchado inferior es de 15px

Si la propiedad de relleno tiene dos valores:

  • relleno: 10px 5px;
    • el acolchado superior e inferior son de 10 px
    • el relleno derecho e izquierdo son 5px

Si la propiedad de relleno tiene un valor:

  • relleno: 10px;
    • los cuatro rellenos son 10px

Nota: No se permiten valores negativos.

Valor por defecto: 0
Heredado: no
Animable: sí, ver propiedades individuales. Leer acerca de animable
Intentalo
Versión: CSS1
Sintaxis de JavaScript: objeto.style.padding = «100px 20px» Pruébelo

Soporte del navegador

Los números de la tabla especifican la primera versión del navegador que es totalmente compatible con la propiedad.

Propiedad
relleno 1.0 4.0 1.0 1.0 3,5


Sintaxis CSS

relleno: largo| inicial | heredar;

Valores de propiedad


Más ejemplos

Ejemplo

Establezca el relleno para un elemento

en 35 píxeles para la parte superior e inferior, y en 70 píxeles para la derecha y la izquierda:

pag {
relleno: 35px 70px;
}

Inténtalo tú mismo »

Ejemplo

Establezca el relleno para un elemento

en 35 píxeles para la parte superior, 70 píxeles para la derecha e izquierda y 50 píxeles para la parte inferior:

pag {
relleno: 35px 70px 50px;
}

Inténtalo tú mismo »

Ejemplo

Establezca el relleno para un elemento

en 35 píxeles para la parte superior, 70 píxeles para la derecha, 50 píxeles para la parte inferior y 90 píxeles para la izquierda:

pag {
relleno: 35px 70px 50px 90px;
}

Inténtalo tú mismo »


páginas relacionadas

Tutorial de CSS: relleno de CSS

Tutorial de CSS: modelo de caja CSS

Referencia HTML DOM: propiedad de relleno

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Gestión de datos empresariales (EDM) | Gestión del rendimiento

applications of machine learning

Aplicaciones del aprendizaje automático – Javatpoint