La propiedad de tamaño de tabulación en CSS se usa para especificar el ancho del carácter de tabulación. El tamaño de la pestaña generalmente muestra un solo carácter de espacio en el documento HTML. Algunos elementos como <textarea> y <pre> muestran el tamaño de tabulación.
Sintaxis:
tab-size: number|length|initial|inherit;
Valor de propiedad: el valor de la propiedad de tamaño de pestaña se enumeran a continuación:
- number: Se utiliza para establecer el número de caracteres de espacio en una pestaña. Su valor por defecto es 8.
- longitud: Se utiliza para establecer el carácter de longitud. Pero no es compatible con la mayoría de los navegadores.
- initial: esta propiedad se utiliza para establecer su valor predeterminado.
- heredar: Se utiliza para heredar la propiedad de su padre.
Ejemplo:
html
<!DOCTYPE html>
<html>
<head>
<title>tab-size Property</title>
<style>
/* CSS property for tab-size */
#geeks {
/* Used for Firefox support */
-moz-tab-size: 6;
/* Used for Opera 10.6-12.1 support */
-o-tab-size: 6;
tab-size: 6;
}
body {
text-align:center;
}
h1 {
color:green;
}
</style>
</head>
<body style = "text-align:center">
<h1 style = "color:green">
GeeksforGeeks
</h1>
<h2>
The tab-size Property
</h2>
<!-- tab-size property used here -->
<pre id="Geeks1">
GeeksforGeeks: A computer science portal
</pre>
</body>
</html>
Producción:
Navegadores compatibles: los navegadores compatibles con la propiedad de tamaño de pestaña se enumeran a continuación:
- Google Chrome 21.0
- Borde 79.0
- Firefox 91.0
- Ópera 15.0
- Safari 7.0