Maison > interface Web > tutoriel CSS > Comment utiliser l'attribut CSS tab-size

Comment utiliser l'attribut CSS tab-size

silencement
Libérer: 2019-05-27 15:35:56
original
3452 Les gens l'ont consulté

Comment utiliser l'attribut CSS tab-size

Définition et utilisation de l'attribut CSS tab-size

En CSS, l'attribut tab-size est utilisé pour spécifier le caractère de tabulation (tabulation) La longueur de l'espace du caractère. En HTML, le caractère de tabulation est généralement affiché sous la forme d'un seul caractère d'espacement, à l'exception de certains éléments, tels que

L'attribut tab-size est un nouvel attribut dans CSS3. Actuellement, seul le navigateur Chrome prend en charge l'attribut tab-size ; le navigateur Firefox prend en charge l'attribut -moz-tab-size pour remplacer cet attribut ; le navigateur prend en charge l'attribut -o -tab-size pour remplacer cet attribut. Aucun navigateur ne prend en charge cette valeur comme unité de longueur.

format de syntaxe d'attribut de taille de tabulation CSS

syntaxe CSS : taille de tabulation : nombre/longueur/initiale/héritage

Syntaxe JavaScript : objet. style.tableLayout="fixed"

La valeur de l'attribut indique

number : Spécifie le nombre de caractères d'espacement à afficher pour chaque caractère de tabulation (valeur par défaut pour 8)

length : Spécifie la longueur du caractère de tabulation (presque tous les navigateurs grand public ne prennent pas encore en charge cette valeur d'attribut)

initial : Définissez cet attribut sur sa valeur par défaut

hériter : hériter de la valeur de l'attribut tab-size de l'élément parent

Instance

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>css tab-size属性制表符的空格长度</title>
<style type="text/css">
#t1{tab-size: 4;
-moz-tab-size: 4; /*Firefox */
-o-tab-size: 4; /*Opera */
}
#t2{tab-size: 8;
-moz-tab-size: 8; /*Firefox */
-o-tab-size: 8; /* Opera */
}
</style>
</head>
<body>
<pre id="t1">I use tab-size 4
Copier après la connexion
I use tab-size 16
Copier après la connexion

目前只有Chrome支持 tab-size属性。

Firefox支持可替代该属性的属性-moz-tab-size属性。

Opera支持可替代该属性的属性-o-tab-size属性。

Exécuter le résultat

Comment utiliser lattribut CSS tab-size

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal