Thuộc tính Hướng kiểu DOM trong HTML được sử dụng để chỉ định hoặc trả về hướng văn bản. Giá trị mặc định của nó là ltr.
Sau đây là cú pháp cho -
Đặt thuộc tính hướng -
object.style.direction = "ltr|rtl|initial|inherit"
Các giá trị thuộc tính trên được giải thích như sau -
| Giá trị | Mô tả |
|---|---|
| ltr | Đây là giá trị mặc định và dòng văn bản từ trái sang phải. |
| rtl | Dòng văn bản từ phải sang trái. |
| tên ban đầu | Đang xác nhận thuộc tính này về giá trị ban đầu. |
| kế thừa | Kế thừa giá trị thuộc tính mẹ |
Hãy để chúng tôi xem xét một ví dụ cho thuộc tính hướng -
Ví dụ
<!DOCTYPE html>
<html>
<head>
<style>
div,span {
margin: 3px;
padding: 4px;
}
div{
height: 50px;
width: 540px;
border: 2px solid black;
}
span {
float: left;
width: 500px;
height:40px;
background-color: lightblue;
}
</style>
<script>
function changeDir(){
document.getElementById("DIV1").style.direction="rtl";
document.getElementById("Sample").innerHTML="The above text direction is now right to left";
}
</script>
</head>
<body>
<div id="DIV1">
<span>THIS IS SOME TEXT INSIDE A SPAN ELEMENT.</span>
</div>
<p>Change the above text direction present inside the span element by clicking the below button</p>
<button onclick="changeDir()">Change Text Direction</button>
<p id="Sample"></p>
</body>
</html> Đầu ra
Khi nhấp vào nút “ Thay đổi hướng văn bản Nút ”-
