CSS 탭 크기 속성을 사용하는 방법
- silencement원래의
- 2019-05-27 15:35:563449검색
css 탭 크기 속성 정의 및 사용법
CSS에서는 탭 크기 속성이 사용됩니다. 탭 문자의 공백 길이를 지정하기 위해 HTML에서 탭 문자는 일반적으로 4750256ae76b6b9d804861d8f69e79d3 및 e03b848252eb9375d56be284e690e873와 같은 일부 요소를 제외하고 단일 공백 문자로 표시됩니다. 이러한 요소에만 유효합니다.
tab-size 속성은 css3의 새로운 속성입니다. 현재 Chrome 브라우저만 탭 크기 속성을 지원합니다. Firefox 브라우저는 이 속성을 대체하기 위해 -moz-tab-size 속성을 지원합니다. o-tab-size 속성은 이 속성을 대체합니다. 어떤 브라우저도 이 값을 길이 단위로 지원하지 않습니다.
css 탭 크기 속성 구문 형식
css 구문: 탭 크기: 숫자/길이/초기/상속
# 🎜🎜#JavaScript 구문: object.style.tableLayout="fixed"속성 값이 말합니다
number: 각 탭 문자를 지정합니다(탭 ) 표시할 공백 문자 수(기본값은 8) length: 탭 문자의 길이를 지정합니다(거의 모든 주요 브라우저는 아직 이 속성을 지원하지 않습니다). 값)initial: 이 속성을 기본값으로 설정 inherit: 상위 요소에서 탭 크기 속성 값 상속 #🎜 🎜#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属性。