คุณสมบัติ text-align คุณสมบัติ text-align ใช้จัดตำแหน่งข้อความของเอกสาร ค่าที่เป็นไปได้: left, right, center, justify ตัวอย่าง ลองรันโค้ดต่อไปนี้เพื่อจัดตำแหน่งข้อความ: <html> <head> </head> <body> <p style=text-align:right;> Asia is a continent. </p

คุณสมบัติ word-spacing คุณสมบัติ word-spacing ใช้เพิ่มหรือลดช่องว่างระหว่างคำในประโยค ค่าที่เป็นไปได้: normal หรือตัวเลขระบุระยะห่าง ตัวอย่าง ลองรันโค้ดต่อไปนี้เพื่อนำ word-spacing ไปใช้: <html> <head> </head> <body> <p style=word-spacing:8px;> Asia is

คุณสมบัติ word-spacing คุณสมบัติ word-spacing ใช้เพิ่มหรือลดช่องว่างระหว่างคำในประโยค ค่าที่เป็นไปได้: normal หรือตัวเลขระบุระยะห่าง ตัวอย่าง ลองรันโค้ดต่อไปนี้เพื่อนำ word-spacing ไปใช้: <html> <head> </head> <body> <p style=word-spacing:7px;> This tex

คุณสมบัติ text-indent เพื่อจัดตำแหน่งข้อความของย่อหน้า ให้ใช้คุณสมบัติ text-indent ตัวอย่าง ค่าที่เป็นไปได้: เปอร์เซ็นต์ หรือตัวเลขระบุระยะย่อ ลองรันโค้ดต่อไปนี้เพื่อนำ text-indent ไปใช้กับ CSS: <html> <head> </head> <body> <p style=text-indent:2cm;> Th

คุณสมบัติ text-decoration ใช้คุณสมบัติ text-decoration เพื่อขีดเส้นใต้ข้อความด้วย CSS ตัวอย่าง <html> <head> </head> <body> <p style=text-decoration:underline;> India </p> </body> </html> ค่าที่ใช้ได้ (CSS3): line: underline, overli

คุณสมบัติ text-decoration ใช้คุณสมบัติ text-decoration เพื่อขีดทับข้อความด้วย CSS ตัวอย่าง <html> <head> </head> <body> <p style=text-decoration:line-through;> This will be striked through. </p> </body> </html> ค่าที่ใช้ได้ (CSS3):

คุณสมบัติ direction คุณสมบัติ direction ใช้กำหนดทิศทางของข้อความ ค่าที่เป็นไปได้: ltr หรือ rtl ตัวอย่าง ลองรันโค้ดต่อไปนี้เพื่อกำหนดทิศทางข้อความด้วย CSS: <html> <head> </head> <body> <p style=direction:rtl;> This text will be rendered from right to lef

คุณสมบัติ font-size คุณสมบัติ font-size ใช้เพิ่มหรือลดขนาดของฟอนต์ ใช้ควบคุมขนาดของฟอนต์ ค่าที่เป็นไปได้: xx-small, x-small, small, medium, large, x-large, xx-large, smaller, larger, ขนาดในพิกเซล หรือเปอร์เซ็นต์ <html> <head> </head> <body> <p style=font-size:10

คุณสมบัติ font-family คุณสมบัติ font-family ใช้เปลี่ยนหน้าตาของฟอนต์ ค่าที่เป็นไปได้คือชื่อฟอนต์ใดๆ <html> <head> </head> <body> <p style=font-family:georgia,garamond,serif;> This text is rendered in either georgia, garamond, or the default serif font

ข้อดีของ CSS (Cascading Style Sheets) CSS จัดการส่วนของลักษณะที่เห็น (look and feel) ของหน้าเว็บ ด้วย CSS คุณสามารถควบคุมสีข้อความ สไตล์ฟอนต์ ช่องว่างระหว่างย่อหน้า วิธีการจัดวางคอลัมน์ และอื่นๆ อีกมากมาย ข้อดีหลักของ CSS: CSS ประหยัดเวลา - เขียน CSS ครั้งเดียว แล้วนำไปใช้ซ้ำในหลายหน้า HTML กำหนดส

คุณสมบัติ font-size-adjust คุณสมบัตินี้ช่วยปรับ x-height (ความสูงของตัวอักษรพิมพ์เล็ก เช่น x) เพื่อให้ฟอนต์อ่านง่ายขึ้นเมื่อฟอนต์สำรองมีขนาดต่างกัน ค่าที่เป็นไปได้: ตัวเลขใดๆ (ปกติ 0.5 - 0.6) ตัวอย่าง <html> <head> </head> <body> <p style=font-size-adjust:0.91;&

คุณสมบัติ font-weight คุณสมบัติ font-weight ใช้เพิ่มหรือลดความหนาของฟอนต์ ให้ฟังก์ชันการระบุว่าฟอนต์จะหนาแน่เพียงไหน ค่าที่เป็นไปได้: normal, bold, bolder, lighter, 100, 200, 300, 400, 500, 600, 700, 800, 900 <html> <head> </head> <body> <p style=font-weight:bol

คุณสมบัติ font-variant คุณสมบัติ font-variant ใช้สร้างเอฟเฟกต์ small-caps ค่าที่เป็นไปได้: normal และ small-caps <html> <head> </head> <body> <p style=font-variant:small-caps;> This text will be rendered as small caps </p> </body> </htm

คุณสมบัติ font-stretch เพื่อกำหนด font-stretch ขององค์ประกอบ ให้ใช้คุณสมบัติ font-stretch ค่าที่เป็นไปได้: normal, wider, narrower, ultra-condensed, extra-condensed, condensed, semi-condensed, semi-expanded, expanded, extra-expanded, ultra-expanded <html> <head> </head> <

คุณสมบัติ direction คุณสมบัติ direction ใช้กำหนดทิศทางของข้อความ ค่าที่เป็นไปได้: ltr (ซ้ายไปขวา) หรือ rtl (ขวาไปซ้าย) ตัวอย่าง ลองรันโค้ดต่อไปนี้เพื่อกำหนดทิศทางข้อความด้วย CSS: <html> <head> </head> <body> <p style=direction:rtl;> This text will be re

คุณสมบัติ color เพื่อกำหนดสีของข้อความ ให้ใช้คุณสมบัติ color ตัวอย่าง ลองรันโค้ดต่อไปนี้เพื่อเรียนรู้การทำงานของคุณสมบัติ color ใน CSS: <html> <head> </head> <body> <p style=color:blue;> ANTARTICA is a continent </p> </body> </html>

คุณสมบัติ text-decoration คุณสมบัติ text-decoration ใช้สำหรับขีดเส้นใต้ (underline), เส้นบน (overline), และขีดทับ (line-through/strikethrough) ข้อความ ตัวอย่าง ตัวอย่างต่อไปนี้สาธิตวิธีตกแต่งข้อความ ค่าที่เป็นไปได้: none, underline, overline, line-through, blink <html> <head> </h

คุณสมบัติ font-style เพื่อกำหนดสไตล์ฟอนต์ ให้ใช้คุณสมบัติ font-style ตั้งค่าฟอนต์เป็น italic, normal และ oblique ตัวอย่าง ลองรันโค้ดต่อไปนี้เพื่อกำหนด font-style เป็น italic ด้วย CSS: <html> <head> </head> <body> <p style=font-style:italic;> Europe, Aus

คุณสมบัติ font-style คุณสมบัติ font-style ใช้ทำให้ฟอนต์เป็นตัวเอียง (italic) หรือตัวเงียง (oblique) ลองรันโค้ดต่อไปนี้เพื่อกำหนดคุณสมบัติ font-style: <html> <head> </head> <body> <p style=font-style:italic;> This text will be rendered in italic style &l

คุณสมบัติ font-variant เพื่อกำหนด font variant ให้ใช้คุณสมบัติ font-variant ตั้งค่าฟอนต์เป็น small-caps หรือ normal ลองรันโค้ดต่อไปนี้เพื่อกำหนด font-variant เป็น small-caps ด้วย CSS: <html> <head> </head> <body> <p style=font-variant:small-caps;> This