Thuộc tính tabSize của Style trong HTML DOM trả về và cho phép sửa đổi độ dài khoảng trắng được dùng cho ký tự tab trong tài liệu HTML.
Cú pháp
Cú pháp như sau:
1. Lấy giá trị tabSize
object.tabSize
2. Thiết lập tabSize
object.tabSize = "value"
Ở đây value có thể là:
| Giá trị | Giải thích |
|---|---|
| initial | Đặt thuộc tính này về giá trị mặc định. |
| inherit | Kế thừa giá trị thuộc tính từ phần tử cha. |
| length | Chỉ định độ dài của một ký tự tab. |
| number | Chỉ định số ký tự khoảng trắng nên hiển thị cho mỗi ký tự tab. |
Ví dụ
Dưới đây là ví dụ minh họa thuộc tính tabSize của Style:
<!DOCTYPE html>
<html>
<style>
body {
color: #000;
height: 100vh;
}
.btn {
background: #db133a;
border: none;
height: 2rem;
border-radius: 2px;
width: 40%;
display: block;
color: #fff;
outline: none;
cursor: pointer;
margin: 1rem 0;
}
.square {
width: 100px;
height: 100px;
background: #db133a6b;
position: relative;
}
.show {
font-size: 1.2rem;
margin: 1rem 0;
}
</style>
<body>
<h1>Demo thuộc tính tabSize của Style</h1>
<pre>I'mpreelement.</pre>
<button onclick="set()" class="btn">Thay đổi tabSize</button>
<script>
function set() {
document.querySelector('pre').style.tabSize = "20";
}
</script>
</body>
</html>
Kết quả
Nhấn vào nút "Thay đổi tabSize" để thay đổi tabSize của phần tử pre.
