วันเสาร์ที่ 10 พฤศจิกายน พ.ศ. 2555

CSS - การกำหนดรูปแบบตัวอักษร

มี property ดังต่อไปนี้

font-family : font_name ฟอนท์ ใส่เป็นชื่อฟอนต์ กรณีที่มีมากกว่า 1 ฟอนต์ ต้องคั่นด้วย ,
font-size : value ขนาดตัวอักษร มีค่า small, medium, large, 1-7, ตัวเลขความสูงพร้อมหน่วย เช่น px (pixel), pt (point)
font-weight : value ความหนาของตัวอักษร มีค่า normal, extra-light (บางพิเศษ), light (ตัวบาง), medium, bold (หนา), extra-bold (หนาพิเศษ)
font-style : value รูปทรงของตัวอักษร มีค่า normal, italic (ตัวเอียง), smallcaps (ตัวพิมพ์เล็ก)
font-height : value ความสูงของบรรทัด มีค่า 1-7 หรือตัวเลขความสูงพร้อมหน่วย

color : value สีของตัวอักษร ใส่ชื่อสี หรือ ตัวเลขฐานสิบหกต่อหลังเครื่องหมาย #
background : value พื้นหลังของตัวอักษร ใส่ชื่อสี หรือ ตัวเลขฐานสิบหกต่อหลังเครื่องหมาย #
word-spacing : length ระยะห่างระหว่างคำ ใส่ค่าตัวเลขความห่างพร้อมหน่วย
letter-spacing : length ระยะห่างระหว่างตัวอักษร ใส่ค่าตัวเลขความห่างพร้อมหน่วย

text-decoration : value การขีดเส้นข้อความ มีค่า underline (ขีดเส้นใต้), none (ไม่ขีดเส้นใต้), line-through (ขีดเส้นพาดกลางข้อความ)
text-align : value จัดย่อหน้าข้อความ มีค่า left (ชิดซ้าย), right (ชิดขวา), center (กึ่งกลาง), justify (เท่ากันทั้งสองด้าน)
text-transform: value แปลงอักษรภาษาอังกฤษ มีค่า uppercase (ตัวพิมพ์ใหญ่), lowercase (ตัวพิมพ์เล็ก), capitalize (ให้ตัวแรกของประโยคเป็นตัวใหญ่)
text-indent: value การจัดย่อหน้า ค่าคือตัวเลขพร้อมหน่วย (บอกระยะย่อหน้า)

หน่วยของตัวอักษร มี  in (นิ้ว) , cm (เซ็นติเมตร) , mm (มิลลิเมตร) , pt (พอยท์) , pc (ไพก้า)   (1 ไพก้า = 12 พอยท์)

การขึ้นบรรทัดใหม่ ที่ไม่ใช่ย่อหน้าใหม่

แท็ก br จะทำให้ขึ้นบรรทัดใหม่ โดยระยะห่างระหว่างบรรทัดจะกว้างตามปกติเหมือนตัวหนังสือสองบรรทัด พิมพ์ <br /> ในตำแหน่งที่ต้องการขึ้นบรรทัดใหม่ โดยไม่ต้องมี tag ปิด

เพิ่มเติม
  - เครื่องหมาย slash ( / ) จำเป็นเฉพาะใน XHTML เท่านั้น และจะต้องไม่ลืมว่าต้องเว้นช่องว่างระหว่างคำว่า br และเครื่องหมาย / โดยการเคาะ spacebar 1 ทีด้วย
- สามารถใช้ br ได้หลายครั้ง ถ้าต้องการเว้นหลายๆบรรทัด




ไม่มีความคิดเห็น: