La propiedad Style paddingRight se usa para establecer o devolver el relleno derecho de un elemento. La propiedad padding inserta el espacio deseado por el usuario dentro del borde de un elemento.
Sintaxis:
- Para obtener la propiedad:
object.style.paddingRight
- Para establecer la propiedad:
object.style.paddingRight = "%|length|initial|inherit"
Valores devueltos: Devuelve un valor de string, que representa el relleno derecho de un elemento
Valores de propiedad:
- % : Se utiliza para definir el relleno derecho en % del ancho del elemento principal.
- length : Se utiliza para definir el relleno derecho en unidades de longitud.
- initial : se utiliza para establecer esta propiedad en su valor predeterminado.
- heredar: se utiliza para heredar esta propiedad de su elemento padre.
El siguiente programa ilustra el método de propiedad Style paddingRight:
Ejemplo: establecer el relleno derecho de un elemento <div>.
html
<!DOCTYPE html>
<html>
<head>
<title>Style paddingRight in HTML</title>
<style>
#MyElement {
border: 1px solid black;
background-color: green;
width: 300px;
height: 300px;
}
h1 {
color: green;
}
h2 {
font-family: Impact;
}
body {
text-align: center;
}
</style>
</head>
<body>
<h1>GeeksforGeeks</h1>
<h2>Style paddingRight</h2>
<p>For setting the right padding,
double click the "Apply Right Padding" button: </p>
<br>
<button onClick="padding()">Apply Right Padding</button>
<div id="MyElement">
Geeksforgeeks is a portal for geeks.
</div>
<script>
function padding() {
document.getElementById("MyElement")
.style.paddingRight = "100px";
}
</script>
</body>
</html>
Producción:
- Antes de hacer clic en el botón:
- Después de hacer clic en el botón:
Navegadores compatibles: El navegador compatible con HTML DOM | La propiedad Style paddingRight se enumeran a continuación:
- Google Chrome 1 y superior
- Borde 12 y superior
- Internet Explorer 4 y superior
- Firefox 1 y superior
- Ópera 3.5 y superior
- Apple Safari 1 y superior
Publicación traducida automáticamente
Artículo escrito por Shubrodeep Banerjee y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA