어떻게 폭 CSS 탭 탭을 설정하는 방법?

당신은 탭의 CSS 탭을 사용하려면, 탭 크기 속성을 사용할 수있다; 탭 크기 속성은 탭의 폭을 지정합니다. 탭 (TAB) 문자는 일반적으로 HTML 문서에서 공백 문자를 표시합니다.

예컨대 일부 요소 이외에 <텍스트 영역> 그리고, 탭 크기 속성의 결과 만이 요소의 유효 <사전>.

구문 :

tab-size: number|length;

부동산 값 :

● 번호 : 문자의 공백 문자 (탭)의 각 세트에 대한 탭의 수를 표시합니다. 기본값은 8입니다.

● 길이 : 길이 설정 탭 (TAB) 문자. 그러나, 대부분의 브라우저를 지원하지 않습니다.

주 : 어떤 브라우저 길이의 단위로이 값을 지원하지 않습니다가, 현재는 크롬 탭 크기 속성을 지원합니다. 파이어 폭스 특성, 즉 -moz 탭 크기 속성의 또 다른 특성을 지원 오페라 특성, 즉 -O-탭 크기 속성의 또 다른 특성을 지원한다.

예 :

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>tab-size属性</title>
		<style>
			#t1 {
				tab-size: 4;
				-moz-tab-size: 4;
				/* 针对 Firefox 的代码 */
				-o-tab-size: 4;
				/* 针对 Opera 的代码 */
			}
			
			#t2 {
				tab-size: 16;
				-moz-tab-size: 16;
				/* 针对 Firefox 的代码 */
				-o-tab-size: 16;
				/* 针对 Opera 的代码 */
			}
		</style>
	</head>

	<body>
		<h1 style="color: peru;">tab-size属性</h1>
		<pre id="t1">I	use	tab-size	4</pre>
		<pre id="t2">I	use	tab-size	16</pre>
	</body>

</html>

렌더링 :

어떻게 폭 CSS 탭 탭을 설정하는 방법?

추천