Thuộc tính writing-mode trong CSS
Bùi Tấn Lực - 868
- 30/09/2025
Thuộc tính writing-mode trong CSS dùng để chỉ định hướng chảy của văn bản từ trên xuống dưới, từ trái sang phải, từ phải sang trái, chi tiết như nào hãy cùng chúng tôi phân tích:
Chức năng của Thuộc tính writing-mode trong CSS
Thuộc tính writing-mode trong CSS dùng để chỉ định hướng chảy của văn bản từ trên xuống dưới, từ trái sang phải, từ phải sang trái.
Cú pháp của Thuộc tính writing-mode trong CSS
writing-mode: giatri;
giatri: Giá trị để chỉ định hướng chảy của văn bản từ trên xuống dưới, từ trái sang phải, từ phải sang trái (Ví dụ: vertical-rl, vertical-lr)
Các giá trị của Thuộc tính writing-mode trong CSS
vertical-rl: Từ trên xuống dưới, từ phải sang trái.
vertical-lr: Từ trên xuống dưới, từ trái sang phải.
Code Thuộc tính writing-mode trong CSS
writing-mode:vertical-rl; Từ trên xuống dưới, từ phải sang trái
writing-mode: vertical-lr; Từ trên xuống dưới, từ trái sang phải
<!DOCTYPE html>
<html>
<head>
<title>Code Thuộc tính writing-mode trong CSS</title>
<style>
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
p{width:100%;margin:0px;padding:0px;text-transform: uppercase;font-weight: bold;font-size:21px}
span {width:100%; float: left; height: auto; margin-bottom:20px}
</style>
</head>
<body>
<h1>Code Thuộc tính writing-mode trong CSS</h1>
<span>Dùng để chỉ định hướng chảy của văn bản từ trên xuống dưới, từ trái sang phải, từ phải sang trái:</span>
<p style="writing-mode:horizontal-tb">horizontal-tb</p>
<!--Từ trên xuống dưới, từ phải sang trái-->
<p style="writing-mode:vertical-rl">vertical-rl</p>
<!--Từ trên xuống dưới, từ trái sang phải-->
<p style="writing-mode:vertical-lr">vertical-lr</p>
</body>
</html>
Lời kết
Cảm ơn các bạn đã tham khảo bài viết Thuộc tính writing-mode trong CSS.
- 0 Bình luận
Bùi Tấn Lực
Tìm hiểu về CEO Bùi Tấn Lực, Founder Web Mới với nhiều năm kinh nghiệm trong lĩnh vực phát triển website, SEO và chia sẻ kiến thức công nghệ
Chia sẻ nội dung đánh giá của bạn về Thuộc tính writing-mode trong CSS
Email, Điện thoại của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *
Email, Điện thoại của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *
Bình luận, Hỏi đáp
Đăng ký tư vấn thiết kế website
Tìm hiểu 1 năm không bằng lắng nghe 1 câu tư vấn
