Tidadigi Logo

CSS tab-size Property

Thuộc tính tab-size trong CSS dùng để chỉ định độ rộng của ký tự tab. Giá trị tab-size thường hiển thị một khoảng trắng trong tài liệu HTML. Một số phần tử như <textarea> và <pre> có hiển thị tab-size.

Cú pháp: 

tab-size: number|length|initial|inherit;

Giá trị thuộc tính: Giá trị của thuộc tính tab-size được liệt kê dưới đây: 

  • number: Dùng để đặt số lượng ký tự khoảng trắng trong một tab. Giá trị mặc định của nó là 8.
  • length: Dùng để đặt độ dài ký tự. Tuy nhiên hầu hết các trình duyệt không hỗ trợ nó.
  • initial: Thuộc tính này dùng để đặt giá trị mặc định của nó.
  • inherit: Dùng để kế thừa thuộc tính từ phần tử cha của nó.

Ví dụ: Trong ví dụ này chúng ta sử dụng các thuộc tính đã giải thích ở trên.

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>

Đầu ra: 

css-tab-size-property

Trình duyệt được hỗ trợ: Các trình duyệt được hỗ trợ bởi tab-size property được liệt kê dưới đây: 

  • Google Chrome 21.0
  • Edge 79.0
  • Firefox 91.0 
  • Opera 15.0
  • Safari 7.0

Last Updated : 21/07/2025