La propiedad Style tabSize en HTML DOM se utiliza para establecer o devolver la longitud del espacio utilizado en lugar del carácter de tabulación .
Sintaxis:
- Para obtener la propiedad tabSize
object.style.tabSize
- Para establecer la propiedad tabSize
object.style.tabSize = "number|length|initial|inherit"
Valores de propiedad
- número: se utiliza para especificar el número de caracteres de espacio que se utilizarán para cada carácter de tabulación. El valor predeterminado es 8.
- longitud: Esto se utiliza para especificar la longitud del carácter de tabulación. Actualmente, este valor no es compatible con la mayoría de los navegadores.
- initial: Esto se usa para establecer la propiedad en su valor predeterminado.
- heredar: Esto se usa para heredar el valor del padre del elemento.
Ejemplo-1: Uso de la propiedad «número» .
<!DOCTYPE html>
<html>
<head>
<title>
DOM Style tabSize Property
</title>
</head>
<body>
<h1 style="color: green">
GeeksforGeeks
</h1>
<b>
DOM Style tabSize Property
</b>
<p>
The tabSize property specifies
the amount of space to be used
for the tab character.
</p>
<pre id="ts">
Geeks For Geeks
</pre>
<button onclick="GFG()">
Change
</button>
<script>
function GFG() {
ele = document.getElementById("ts");
ele.style.tabSize = "16"
}
</script>
</body>
</html>
Producción:
- Antes de hacer clic en el botón:
- Después de hacer clic en el botón:
Ejemplo-2: Uso de la propiedad «inicial» .
<!DOCTYPE html>
<html>
<head>
<title>
DOM Style tabSize Property
</title>
<style>
#ts {
tab-size: 16;
}
</style>
</head>
<body>
<h1 style="color: green">
GeeksforGeeks
</h1>
<b>DOM Style tabSize Property</b>
<p>
The tabSize property specifies
the amount of space to be used
for the tab character.
</p>
<pre id="ts">
Geeks For Geeks
</pre>
<button onclick="GFG()">Change</button>
<script>
function GFG() {
ele = document.getElementById("ts");
ele.style.tabSize = "initial"
}
</script>
</body>
</html>
Producción:
- Antes de hacer clic en el botón:
- Después de hacer clic en el botón:
Navegadores compatibles: los navegadores compatibles con DOM Style tabSize Property se enumeran a continuación:
- Cromo
- Firefox -MozTabSize-
- Ópera 15.0
- Safari 6.1
Publicación traducida automáticamente
Artículo escrito por sayantanm19 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA