Log in with LINE
โดยคำที่จะทำให้ตัวอักษรของเราเป็นแนวตั้งได้ก็คือ
Code: Select all
writing-mode: vertical-lr;ในตัวอย่างนี้ผมก็จะใช้คำสั่ง writing-mode: vertical-lr อยู่ในไฟล์งานของผมเลยเพื่อจะได้เห็นภาพกันเง่าย ๆ นะครับโค้ดก็จะเป็นแบบนี้
Code: Select all
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<title></title>
<style>
.text {
writing-mode: vertical-lr;
}
</style>
</head>
<body>
<div>
<p class="text">ตัวอักษรแนวตั้ง</p>
</div>
</body>
</html>- Selection_999(341).png (7.45 KiB) Viewed 520 times
เป็นอย่างไรกันบ้างครับสำหรับคำสั่ง writing-mode: vertical-lr เป็นอะไรที่แปลกใหม่สำหรับผู้ที่รู้จักคำสั่งนี้นะครับก็หวังว่าจะนำคำสั่งนี้ไปพัฒนางานของท่านได้นะครับก็หวังว่าบทความนี้จะเป็นความรู้ให้กับท่านได้ไม่มากก็น้อยนะครับ