El relleno es el espacio entre su contenido y su borde. La propiedad padding-left en CSS se usa para establecer el ancho del área de relleno a la izquierda de un elemento.
Sintaxis:
padding-left: length|percentage|initial|inherit;
Valores de propiedad;
- length: este modo se utiliza para especificar el tamaño del relleno como un valor fijo. El valor predeterminado es 0. Debe ser no negativo.
Sintaxis:
padding-left: length;
Ejemplo:
<!DOCTYPE html><html><head><title>padding-left Property</title><style>.geek {padding-left: 90px;color: white;background: green;}</style></head><body><h1style="color: green; text-align:center">GeeksforGeeks</h1><h2style="text-align:center">padding-left Property</h2><!-- padding-left property used here --><pclass="geek">This paragraph has a padding-left: 90px;</p></body></html>Producción:
- porcentaje: este modo se utiliza para especificar el relleno izquierdo en porcentaje del ancho del elemento. Debe ser no negativo.
Sintaxis:
padding-left: percentage;
Ejemplo:
<!DOCTYPE html><html><head><title>padding-left Property</title><style>.geek {padding-left: 25%;color: white;background: green;}</style></head><body><h1style="color: green; text-align:center">GeeksforGeeks</h1><h2style="text-align:center">padding-left Property</h2><!-- padding-left property used here --><pclass="geek">This paragraph has a padding-left: 25%;</p></body></html>Producción:
- initial: esta propiedad se utiliza para establecer padding-left en su valor predeterminado.
Sintaxis:padding-left: initial;
Navegadores compatibles: los navegadores compatibles con la propiedad padding-left 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