นี่คือคำอธิบายโดยละเอียดสำหรับพร็อพเพอร์ตี้ CSS แต่ละรายการ
คุณสมบัติ color
คุณสมบัติ color ใช้เพื่อจัดรูปแบบสีข้อความขององค์ประกอบ
ค่าอาจเป็นชื่อสี(เช่น, red, blue) green รหัสเลขฐานสิบหก(เช่น "#FF0000" สำหรับ red) หรือ rgb() ฟังก์ชันเพื่อระบุ Red, Green, Blue ค่า
ตัวอย่าง: color: red;
คุณสมบัติ font-size
คุณสมบัติ font-size ใช้เพื่อจัดรูปแบบขนาดของข้อความภายในองค์ประกอบ
ค่าสามารถเป็นพิกเซล(เช่น "12px") หน่วย em(เช่น "1.2em") เปอร์เซ็นต์(%) หรือค่าสัมพัทธ์อื่นๆ
ตัวอย่าง: font-size: 16px;
คุณสมบัติ background-color
คุณสมบัติ background-color ใช้เพื่อจัดรูปแบบสีพื้นหลังขององค์ประกอบ
ค่านี้ยังสามารถเป็นชื่อสี รหัสเลขฐานสิบหก หรือฟังก์ชัน "rgb()" เพื่อระบุสี
ตัวอย่าง: background-color: #F0F0F0;
คุณสมบัติ font-family
คุณสมบัติ "font-family" กำหนดแบบอักษรที่ใช้สำหรับข้อความภายในองค์ประกอบ
ค่านี้อาจเป็นชื่อฟอนต์(เช่น Arial, Helvetica) หรือรายการชื่อฟอนต์ที่จัดลำดับความสำคัญ
ตัวอย่าง: font-family: Arial, sans-serif;
คุณสมบัติ text-align
คุณสมบัติ "text-align" ใช้เพื่อจัดข้อความภายในองค์ประกอบ
ค่าสามารถเป็น left, right, center, หรือ justify(เพื่อจัดข้อความชิดขอบทั้งสองด้าน)
ตัวอย่าง: text-align: center;
คุณสมบัติ width
คุณสมบัติ "ความกว้าง" ระบุความกว้างขององค์ประกอบ
ค่านี้สามารถเป็นพิกเซล เปอร์เซ็นต์(%) หรือ auto สำหรับความกว้างอัตโนมัติ
ตัวอย่าง: width: 300px;
คุณสมบัติ height
คุณสมบัติ height ระบุความสูงขององค์ประกอบ
ค่านี้สามารถเป็น pixel เปอร์เซ็นต์(%) หรือ auto สำหรับความสูงอัตโนมัติ
ตัวอย่าง: height: 200px;
คุณสมบัติ border
คุณสมบัติ นี้ border ใช้เพื่อสร้างเส้นขอบรอบองค์ประกอบ
ค่านี้อาจรวมถึงความหนาของเส้นขอบ(เช่น "1px") border style(เช่น, solid) dotted และ color(เช่น red)
ตัวอย่าง: border: 1px solid black;
คุณสมบัติ margin
คุณสมบัติ margin กำหนดระยะห่างระหว่างองค์ประกอบและองค์ประกอบโดยรอบ
ค่านี้อาจเป็นค่าพิกเซล(เช่น "10px") ค่าพิกเซลสำหรับแต่ละทิศทาง(เช่น "5px 10px") หรือ auto สำหรับระยะห่างอัตโนมัติ
ตัวอย่าง: margin: 10px;
คุณสมบัติ padding
คุณสมบัติ padding กำหนดระยะห่างระหว่างเนื้อหาและเส้นขอบขององค์ประกอบ
ค่าสามารถเป็น pixel ค่าหรือค่าพิกเซลสำหรับแต่ละทิศทาง
ตัวอย่าง: padding: 20px;
นี่เป็นเพียงตัวอย่างบางส่วนของคุณสมบัติ CSS และค่าของมัน CSS มีคุณสมบัติอื่นๆ มากมายสำหรับจัดรูปแบบและปรับแต่งองค์ประกอบบนหน้าเว็บของคุณ คุณสามารถสำรวจคุณสมบัติเพิ่มเติมและปรับแต่งเพื่อให้ได้การออกแบบและเอฟเฟกต์ที่หลากหลายสำหรับเว็บไซต์ของคุณ