หน้าแรก
หน้าแรก
การจัด text-align คุณสมบัติใช้เพื่อจัดแนวข้อความของเอกสาร ค่าที่เป็นไปได้คือ ซ้าย ขวา กึ่งกลาง จัดชิดขอบ ตัวอย่าง คุณสามารถลองเรียกใช้โค้ดต่อไปนี้เพื่อใช้คุณสมบัติ text-align: <html> <head> </head> <body> <p style
ใช้การเยื้องข้อความ คุณสมบัติเพื่อเยื้องบรรทัดแรกของย่อหน้า ค่าที่เป็นไปได้คือ % หรือตัวเลขที่ระบุการเว้นวรรค ตัวอย่าง คุณสามารถลองเรียกใช้โค้ดต่อไปนี้เพื่อเยื้องบรรทัดแรก: <html> <head> </head> <body> <p style =
ใช้การเว้นวรรคตัวอักษร คุณสมบัติเพื่อกำหนดช่องว่างระหว่างอักขระ คุณสามารถลองเรียกใช้โค้ดต่อไปนี้เพื่อใช้ letter-spacing คุณสมบัติ: ตัวอย่าง <html> <head> </head> <body> <p style = "letter-spacing:3px;"&g
ชายแดน คุณสมบัติใช้เพื่อกำหนดความกว้างของเส้นขอบภาพ คุณสมบัตินี้สามารถมีค่าเป็นความยาวหรือเป็น% ความกว้างของพิกเซลเป็นศูนย์หมายถึงไม่มีเส้นขอบ ตัวอย่าง คุณสามารถลองเรียกใช้รหัสต่อไปนี้เพื่อกำหนดความกว้างของเส้นขอบของรูปภาพ: <html> <head> </head> &
ชายแดน คุณสมบัติใช้เพื่อกำหนดความกว้างของเส้นขอบรูปภาพ คุณสมบัตินี้สามารถมีค่าเป็นความยาวหรือเป็น% ความกว้างของพิกเซลเป็นศูนย์หมายถึงไม่มีเส้นขอบ ตัวอย่าง คุณสามารถลองเรียกใช้รหัสต่อไปนี้เพื่อกำหนดความกว้างของเส้นขอบของรูปภาพ: <html> <head> </head>
หากต้องการจัดรูปแบบรูปภาพด้วย CSS คุณต้องใช้คุณสมบัติต่างๆ เช่น ความสูง ความกว้าง - moz-opacity เป็นต้น ให้เราดูวิธีสร้างรูปภาพแบบโปร่งใสด้วย - คุณสมบัติ CSS moz-opacity: คุณสมบัติ -moz-opacity ของรูปภาพใช้เพื่อตั้งค่าความทึบของรูปภาพ คุณสมบัตินี้ใช้เพื่อสร้างภาพที่โปร่งใสใน Mozilla IE ใช้ filter:a
border-right-color คุณสมบัติเปลี่ยนสีของขอบด้านขวา ตัวอย่าง คุณสามารถลองเรียกใช้โค้ดต่อไปนี้เพื่อใช้งาน border-right-color ทรัพย์สิน <html> <head> <style> p.demo { border:
ในการแปลงข้อความเป็นตัวพิมพ์เล็กด้วย CSS ให้ใช้ text-transform คุณสมบัติที่มีค่า ตัวพิมพ์เล็ก . ตัวอย่าง คุณสามารถลองเรียกใช้โค้ดต่อไปนี้เพื่อแปลงข้อความเป็นตัวพิมพ์เล็ก: <html> <head> </head> <body> <p>Normal
ในการทำให้ข้อความเป็นตัวพิมพ์ใหญ่ด้วย CSS ให้ใช้ ตัวพิมพ์ใหญ่ คุณสมบัติ. คุณสามารถลองเรียกใช้โค้ดต่อไปนี้เพื่อทำให้ข้อความเป็นตัวพิมพ์ใหญ่: <html> <head> </head> <body> <p style = "text-transform:capitalize;&
คุณสมบัติช่องว่างสีขาวใช้เพื่อควบคุมการไหลและการจัดรูปแบบของข้อความ ตัวอย่าง คุณสามารถลองเรียกใช้โค้ดต่อไปนี้เพื่อใช้คุณสมบัติ white-space: <html> <head> </head> <body> <p style = "white-space:pre;">
เงาข้อความ คุณสมบัติใช้เพื่อกำหนดเงาข้อความรอบข้อความ คุณสามารถลองเรียกใช้รหัสต่อไปนี้เพื่อตั้งค่า text-shadow คุณสมบัติ: ตัวอย่าง <html> <head> </head> <body> <p style = "text-shadow:3px 2px 5px red;"&g
ในการแปลงข้อความเป็นตัวพิมพ์ใหญ่ด้วย CSS ให้ใช้ text-transform คุณสมบัติที่มีค่า ตัวพิมพ์ใหญ่ . ตัวอย่าง คุณสามารถลองเรียกใช้รหัสต่อไปนี้เพื่อแปลงข้อความเป็นตัวพิมพ์ใหญ่: <html> <head> </head> <body> <p>Normal
ช่องว่าง คุณสมบัติใช้เพื่อควบคุมการไหลและการจัดรูปแบบของข้อความ ตัวอย่าง คุณสามารถลองเรียกใช้โค้ดต่อไปนี้เพื่อใช้คุณสมบัติ white-space เพื่อควบคุมการไหลของข้อความ: <html> <head> </head> <body> <p style = "wh
The สี คุณสมบัติใช้เพื่อกำหนดสีของข้อความ คุณสามารถลองเรียกใช้โค้ดต่อไปนี้เพื่อเรียนรู้วิธีทำงานกับคุณสมบัติสีใน CSS: ตัวอย่าง <html> <head> </head> <body> <p style = "color:blue;"> &nbs
เงาข้อความ คุณสมบัติใช้เพื่อกำหนดเงาข้อความรอบข้อความ ตัวอย่าง คุณสามารถลองเรียกใช้โค้ดต่อไปนี้เพื่อใช้งาน text-shadow คุณสมบัติ: <html> <head> </head> <body> <p style = "text-shadow:2px 2px 5px red;"&g
ใช้การแปลงข้อความ คุณสมบัติเพื่อกำหนดกรณีสำหรับข้อความ ค่าที่เป็นไปได้คือ none, capitalize, uppercase, lowercase. ตัวอย่าง คุณสามารถลองเรียกใช้โค้ดต่อไปนี้เพื่อกำหนดกรณีสำหรับข้อความ: <html> <head> </head> <body> &l
หากต้องการกำหนดช่องว่างระหว่างข้อความ ให้ใช้ช่องว่าง คุณสมบัติ. ค่าที่เป็นไปได้คือค่าปกติ, ก่อน, ทันทีแร็ป ตัวอย่าง คุณสามารถลองเรียกใช้โค้ดต่อไปนี้เพื่อตั้งค่าช่องว่างระหว่างข้อความใน CSS: <html> <head> </head> <body> &nb
การเยื้องข้อความ คุณสมบัติใช้เพื่อเยื้องข้อความของย่อหน้า ค่าที่เป็นไปได้คือ % หรือตัวเลขที่ระบุการเว้นวรรค ตัวอย่าง คุณสามารถลองเรียกใช้โค้ดต่อไปนี้เพื่อใช้ การเยื้องข้อความ คุณสมบัติ: <html> <head> </head> <body>
หากต้องการเพิ่มหรือลบช่องว่างระหว่างตัวอักษรที่ประกอบเป็นคำ ให้ใช้การเว้นวรรคตัวอักษร ทรัพย์สิน ตัวอย่าง คุณสามารถลองเรียกใช้โค้ดต่อไปนี้เพื่อใช้ letter-spacing คุณสมบัติ: <html> <head> </head> <body> <p style =
เยื้องข้อความ คุณสมบัติใช้เพื่อเยื้องข้อความของย่อหน้า ค่าที่เป็นไปได้คือ % หรือตัวเลขที่ระบุการเว้นวรรค ตัวอย่าง คุณสามารถลองเรียกใช้โค้ดต่อไปนี้เพื่อใช้งาน text-indent คุณสมบัติใน CSS: <html> <head> </head> <body>