slide04_css_font

การกาหนดลกั ษณะตวั อกั ษร

การกาหนดลกั ษณะตวั อกั ษร

ปกติจะสามารถกาหนดลกั ษณะของตวั อกั ษรได้
เฉพาะใน tag font เท่าน้นั แต่ในสไตลช์ ีทจะสามารถ
กาหนดคณุ สมบตั ิไดใ้ นทุก tag

Color:สี

เป็ นการกาหนดสใี หก้ บั ขอ้ ความ เช่น
color:red;

Font-family:

เป็ นการกาหนดรูปแบบใหก้ บั ตวั อกั ษร เช่น
Font-family:AngsanaUPC;
แบบอกั ษรสามารถดูไดจ้ ากโปรแกรม MS Word

Font-size:

เป็ นการกาหนดขนาดใหก้ บั ตวั อกั ษร เช่น
Font-size:50;
Font-size:40pt;
Font-size:3cm;

Font-style:

ค่าทีเ่ ป็ นไปไดค้ ือ
Normal ปกติ
Oblique เอียง 45 องศา
Italic เอียง
 เช่น font-style: italic;

Font-weight:

เป็ นการกาหนดความหนาของตวั อกั ษร
ค่าทีเ่ ป็ นไปไดค้ ือ
Normal ปกติ
Lighter บางมาก
bold หนา
bolder หนามาก

Letter-spacing:

เป็ นการกาหนดระยะห่างระหว่างตวั อกั ษร
ใหใ้ ส่เป็ นตวั เลข

Line-height:

เป็ นการกาหนดระยะห่างระหว่างบรรทดั
ใหใ้ ส่เป็ นตวั เลข

Text-align:

เป็ นการจัดขอ้ ความใหช้ ิดดา้ นใดดา้ นหนงึ่
ค่าทีเ่ ป็ นไปไดค้ ือ
Left ชิดซา้ ย
Right ชิดขวา
Center จดั กลาง
justify กระจายเต็มหนา้

Text-decoration:

ใชต้ กแต่งขอ้ ความ
ค่าทีเ่ ป็ นไปไดค้ ือ
None ไม่ตกแต่ง
Underline ขีดเสน้ ใตข้ อ้ ความ
Overline มีเสน้ เหนอื ขอ้ ความ
Line-through ขีดฆ่าตรงกลาง

Text-transform:

ใชแ้ ปลงตวั อกั ษรพมิ พใ์ หญ่พมิ พเ์ ลก็
ค่าทีเ่ ป็ นไปไดค้ ือ
None ไม่แปลง
Capitalize แปลงเป็ นพิมพใ์ หญ่เฉพาะตวั แรก
Uppercase แปลงเป็ นพิมพใ์ หญ่ท้งั คา
Lowercase แปลงเป็ นตวั พมิ พเ์ ลก็ ท้งั หมด

Word-spacing:

ใชก้ าหนดระยะห่างระหว่างคา
เช่น Word-spacing:30;