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

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

คุณสมบัติ letter-spacing ใช้คุณสมบัติ letter-spacing เพื่อกำหนดช่องว่างระหว่างตัวอักษร ลองรันโค้ดต่อไปนี้เพื่อนำ letter-spacing ไปใช้: ตัวอย่าง <html> <head> </head> <body> <p style=letter-spacing:3px;> Asia is a continent. </p> </body> &l

คุณสมบัติ border สำหรับรูปภาพ คุณสมบัติ border ใช้กำหนดความกว้างของขอบรูปภาพ คุณสมบัตินี้รับค่าเป็นความยาวหรือเปอร์เซ็นต์ ความกว้าง 0 พิกเซล = ไม่มีขอบ ตัวอย่าง ลองรันโค้ดต่อไปนี้เพื่อกำหนดความกว้างขอบรูปภาพ: <html> <head> </head> <body> <img style=border:0px; s

คุณสมบัติ border สำหรับรูปภาพ คุณสมบัติ border ใช้กำหนดความกว้างของขอบรูปภาพ คุณสมบัตินี้รับค่าเป็นความยาวหรือเปอร์เซ็นต์ ความกว้าง 0 พิกเซล = ไม่มีขอบ ตัวอย่าง ลองรันโค้ดต่อไปนี้เพื่อกำหนดความกว้างขอบรูปภาพ: <html> <head> </head> <body> <img style=border:0px; s

การจัดสไตล์รูปภาพด้วย CSS เพื่อจัดสไตล์รูปภาพด้วย CSS คุณต้องใช้คุณสมบัติเช่น height, width, -moz-opacity ฯลฯ มาดูวิธีสร้างภาพโปร่งใสด้วยคุณสมบัติ -moz-opacity: คุณสมบัติ -moz-opacity ของภาพใช้ตั้งค่าความทึบของภาพ ใช้สร้างภาพโปร่งใสใน Mozilla IE ใช้ filter:alpha(opacity=x) สำหรับสร้างภาพโปร่งใส ตัว

คุณสมบัติ border-right-color คุณสมบัติ border-right-color ใช้เปลี่ยนสีของขอบขวา ตัวอย่าง ลองรันโค้ดต่อไปนี้เพื่อนำ border-right-color ไปใช้: <html> <head> <style> p.demo { border: 3px solid; border-right-color: #FF0000; } </style> <

คุณสมบัติ text-transform เพื่อแปลงข้อความเป็นตัวพิมพ์เล็กด้วย CSS ให้ใช้คุณสมบัติ text-transform ด้วยค่า lowercase ตัวอย่าง ลองรันโค้ดต่อไปนี้เพื่อแปลงข้อความเป็นตัวพิมพ์เล็ก: <html> <head> </head> <body> <p>Normal Text</p> <p style=text-transfor

คุณสมบัติ text-transform เพื่อทำให้ข้อความขึ้นต้นด้วยตัวพิมพ์ใหญ่ด้วย CSS ให้ใช้คุณสมบัติ text-transform ด้วยค่า capitalize ตัวอย่าง ลองรันโค้ดต่อไปนี้เพื่อทำให้ข้อความขึ้นต้นด้วยตัวพิมพ์ใหญ่: <html> <head> </head> <body> <p style=text-transform:capitalize;>

คุณสมบัติ white-space คุณสมบัติ white-space ใช้ควบคุมการไหลและรูปแบบของข้อความ ตัวอย่าง ลองรันโค้ดต่อไปนี้เพื่อนำ white-space ไปใช้: <html> <head> </head> <body> <p style=white-space:pre;> This text has a line break and the white-space pre setting tells

คุณสมบัติ text-shadow คุณสมบัติ text-shadow ใช้กำหนดเงารอบข้อความ ลองรันโค้ดต่อไปนี้เพื่อกำหนดคุณสมบัติ text-shadow: ตัวอย่าง <html> <head> </head> <body> <p style=text-shadow:3px 2px 5px red;> If your browser supports the CSS text-shadow property, this

คุณสมบัติ text-transform เพื่อแปลงข้อความเป็นตัวพิมพ์ใหญ่ด้วย CSS ให้ใช้คุณสมบัติ text-transform ด้วยค่า uppercase ตัวอย่าง ลองรันโค้ดต่อไปนี้เพื่อแปลงข้อความเป็นตัวพิมพ์ใหญ่: <html> <head> </head> <body> <p>Normal Text</p> <p style=text-transfor

คุณสมบัติ white-space คุณสมบัติ white-space ใช้ควบคุมการไหลและรูปแบบของข้อความ ตัวอย่าง ลองรันโค้ดต่อไปนี้เพื่อนำ white-space ไปใช้ควบคุมการไหลของข้อความ: <html> <head> </head> <body> <p style=white-space:pre;> This text has a line break and the white-s

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

คุณสมบัติ text-shadow คุณสมบัติ text-shadow ใช้กำหนดเงารอบข้อความ ตัวอย่าง ลองรันโค้ดต่อไปนี้เพื่อนำ text-shadow ไปใช้: <html> <head> </head> <body> <p style=text-shadow:2px 2px 5px red;> Indian is a country in continent Asia. </p> </body>

คุณสมบัติ text-transform ใช้คุณสมบัติ text-transform เพื่อกำหนดตัวพิมพ์เล็ก/ใหญ่ของข้อความ ค่าที่เป็นไปได้: none, capitalize, uppercase, lowercase ตัวอย่าง ลองรันโค้ดต่อไปนี้เพื่อกำหนดตัวพิมพ์เล็ก/ใหญ่ของข้อความ: <html> <head> </head> <body> <p style=text-transf

คุณสมบัติ white-space เพื่อกำหนดช่องว่างข้อมือข้อความ ให้ใช้คุณสมบัติ white-space ค่าที่เป็นไปได้: normal, pre, nowrap ตัวอย่าง ลองรันโค้ดต่อไปนี้เพื่อกำหนดช่องว่างข้อมือข้อความใน CSS: <html> <head> </head> <body> <p style=white-space:pre;> This text ha

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

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

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