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

Comment utiliser l'attribut CSS tab-size

silencement
silencementoriginal
2019-05-27 15:35:563450parcourir

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
I use tab-size 16

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

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

Opera支持可替代该属性的属性-o-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!

Déclaration:
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