การกำหนดลักษณะให้ตัวอักษร ใน HTML เราจะใช้ tag <font face="ชนิดตัวอักษร" size="ตัวเลข" color="สี">ข้อความ</font>
น่าจะพอจำกันได้อยู่ แต่ในเอกสาร XHTML แบบ strict จะถือว่า tag <font> เป็น tag ที่ล้าสมัยแล้ว ไม่สามารถนำมาใช้งานได้ ให้เราใช้ CSS แทน
เราสามารถใช้ CSS กำหนดลักษณะให้ตัวอักษรได้ โดยกำหนดรูปแบบ font ผ่าน Property ต่างๆ ให้กับ HTML element เช่น <p>,<div>,<span>,<h1> และอื่นๆ
Property
|
Description
|
Values
|
font-family
|
ใช้กำหนดชนิด font ที่ต้องการให้แสดงผล
|
เช่น Arial, Helvetica, sans-serif
|
font-size
|
ใช้กำหนดขนาดของตัวอักษร ที่จะให้แสดงผล
|
xx-small
x-small small medium large x-large xx-large smaller larger 18px 70% 150% |
font-style
|
ใช้กำหนดรูปแบบของตัวอักษรในลักษะต่างๆ
|
normal
italic
|
font-weight
|
ใช้กำหนดความหน้าของตัวอักษร
|
normal
bold
|
color
|
ใช้กำหนดสีให้ตัวอักษร
|
red
#000099
|
ตัวอย่าง
<p style="font-family:tahoma; font-size:16pt; color:green">
CSS ย่อมาจาก Cascading Style Sheet เป็นภาษาที่มีรูปแบบการเขียน Syntax ที่เฉพาะ และถูกกำหนดมาตรฐานโดย W3C (World Wide Web Consortium) เช่นเดียวกับ HTML และ XHTML ใช้สำหรับตกแต่งเอกสาร HTML/ XHTM ให้มีหน้าตา สีสัน ตัวอักษร เส้นขอบ พื้นหลัง ระยะห่าง ฯลฯ อย่างที่เราต้องการ ด้วยการกำหนดคุณสมบัติให้กับ Element ต่างๆ ของ HTML
< /p>
ผลลัพท์ ที่เห็นคือ
CSS ย่อมาจาก Cascading Style Sheet เป็นภาษาที่มีรูปแบบการเขียน Syntax ที่เฉพาะ และถูกกำหนดมาตรฐานโดย W3C (World Wide Web Consortium) เช่นเดียวกับ HTML และ XHTML ใช้สำหรับตกแต่งเอกสาร HTML/ XHTM ให้มีหน้าตา สีสัน ตัวอักษร เส้นขอบ พื้นหลัง ระยะห่าง ฯลฯ อย่างที่เราต้องการ ด้วยการกำหนดคุณสมบัติให้กับ Element ต่างๆ ของ HTML
ไม่มีความคิดเห็น:
แสดงความคิดเห็น