เส้นคั่นแนวตั้ง HTML เส้นคั่นข้อมูลแนวตั้ง

เส้นคั่นแนวตั้ง HTML เส้นคั่นข้อมูลแนวตั้ง บทความนี้สอนสร้างเส้นคั่นแนวตั้งด้วยภาษา CSS ร่วมกับ HTML โดยใช้คำสั่ง border เพื่อกำหนดขนาดของเส้น สีเส้น และชนิดของเส้นคั่นแนวตั้ง สามารถเขียนโปรแกรมได้ดังนี้

ตัวอย่าง เส้นคั่นแนวตั้ง HTML เส้นคั่นข้อมูลแนวตั้ง

<style>
    .line {
        border-right: 2px solid cornflowerblue;
        padding-right: 0.3rem;        
    }
</style>

<span class="line">Apple</span>
<span>Orange</span>

เส้นคั่นแนวตั้ง HTML จากตัวอย่างสร้าง class .line ด้วย CSS กำหนดเส้นคั่นแนวตั้งฝั่งขวา (border-right) ความหนา 2px ชนิด solid สี cornflowerblue จากนั้นนำ class ดังกล่าวไปใช้แท็ก span ของ HTML เพื่อแสดงผลที่หน้าเว็บไซต์