El relleno de un elemento es el espacio entre su contenido y su borde. La propiedad CSS padding-bottom se usa para establecer la altura del área de relleno en la parte inferior de un elemento.
Sintaxis:
padding-bottom: length|percentage;
Valores de propiedad :
- longitud: este valor se utiliza para especificar el tamaño del relleno como un valor fijo. El valor predeterminado es 0. Debe ser no negativo.
Sintaxis:
padding-bottom: length;
Ejemplo:
<!DOCTYPE html>
<
html
>
<
head
>
<
title
>CSS padding-bottom Property</
title
>
<
style
>
p.geek {
padding-bottom: 35px;
color: white;
background: green;
}
</
style
>
</
head
>
<
body
style
=
"text-align: center;"
>
<
h1
style
=
"color: green;"
>GeeksforGeeks</
h1
>
<
h2
>padding-bottom Property</
h2
>
<!-- Below paragraph element has a
padding-bottom of 35px -->
<
p
class
=
"geek"
>
This paragraph has a padding-bottom: 35px;
</
p
>
</
body
>
</
html
>
Producción:
- porcentaje: este tipo de valor se utiliza para especificar el relleno inferior en porcentaje del ancho del elemento. Debe ser no negativo.
Sintaxis:
padding-bottom: percentage;
Ejemplo:
<!DOCTYPE html>
<
html
>
<
head
>
<
title
>CSS padding-bottom Property</
title
>
<
style
>
p.geek {
padding-bottom: 10%;
color: white;
background: green;
}
</
style
>
</
head
>
<
body
style
=
"text-align: center;"
>
<
h1
style
=
"color: green;"
>GeeksforGeeks</
h1
>
<
h2
>padding-bottom Property</
h2
>
<!-- Below Paragraph element has a
padding-bottom of 10% -->
<
p
class
=
"geek"
>
This paragraph has a padding-bottom: 10%;
</
p
>
</
body
>
</
html
>
Producción:
Navegadores compatibles: los navegadores compatibles con la propiedad padding-bottom se enumeran a continuación:
- Google Chrome 1.0
- Internet Explorer 4.0
- Firefox 1.0
- Ópera 3.5
- Apple Safari 1.0
Publicación traducida automáticamente
Artículo escrito por Vishal Chaudhary 2 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA