รายละเอียด Block category

Dreamweaver

ในบทก่อนเราได้ลองเขียน CSS กันแบบคร่าวกันแล้ว ในบทนี้เราจะลงรายละเอียดในส่วนของ Block category กัน รูปด้านล่างเป็นหน้าต่างของ Block category

รายละเอียดในหมวด Block category

ในหมวดนี้ใช้ในการจัดระยะห่าง และจัดหน้าของ tags และ attributes

1.Word Spacing กำหนดระยะห่างระหว่างประโยค

2.Letter Spacing กำหนดระยะห่างระหว่างตัวอักษร

3.Vertical Alignment จัดตำแหน่งของวัตถุ ทั้งตัวหนังสือและรูปภาพ โดยตำแหน่งจะสัมพันธ์กับวัตถุโดยรอบ เช่น

จัดรูปให้อยู่กึ่งกลางของวัตถุใกล้เคียง



จัดรูปให้อยู่ด้านบนของวัตถุใกล้เคียง



4.Text Align จัดตำแหน่งของเนื้อหา

5.Text Indent จัดระยะย่อหน้าของเนื้อหา

6.Whitespace ใช้ควบคุมการขึ้นบรรทัดใหม่ของวัตถุ ดูรายละเอียดเรื่องนี้ได้ในหัวข้อ CSS หรือ
คลิกที่นี่ อ่านหัวข้อที่ 12

7.Display ใช้ควบคุมการแสดงผลของวัตถุ เช่นถ้าเราเลือก none วัตถุที่ใช้ CSS นี้ก็จะไม่แสดงผล ดูรายละเอียดเรื่องนี้ใน CSS layout