เราสามารถกำหนดความสูงและความกว้างเฉพาะสำหรับเนื้อหาขององค์ประกอบ แม้ว่าคุณสมบัติเหล่านี้จะไม่รวม margin, padding หรือ border ไวยากรณ์ ไวยากรณ์ของคุณสมบัติ CSS height ดังนี้: Selector {    height: /*value*/ } ไวยากรณ์ของคุณสมบัติ CSS width ดังนี้: Selector {    width: /*value*/ }

เราสามารถกำหนด max-height คงที่สำหรับกล่องเนื้อหาขององค์ประกอบโดยใช้คุณสมบัติ max-height ใน CSS ซึ่งไม่ให้กล่องเนื้อหาขององค์ประกอบสูงกว่านั้น แม้ว่า height จะมากกว่า max-height ก็ตาม ไวยากรณ์ ไวยากรณ์ของคุณสมบัติ CSS max-height ดังนี้: Selector {    max-height: /*value*/ } ลองดูตัวอย่างส

เราสามารถจัดตำแนวข้อความในเอกสาร HTML โดยใช้คุณสมบัติ text-align ใน CSS สำหรับการจัดตำแนวแนวนอน และ padding-top กับ padding-bottom หรือ line-height ใน CSS สำหรับการจัดตำแนวแนวตั้ง ไวยากรณ์ ไวยากรณ์สำหรับคุณสมบัติ CSS ที่กล่าวมาข้างต้น: Selector {    text-align: center | left | right | jus

โดยใช้ CSS pseudo selectors ได้แก่ :active, :hover, :link และ :visited เราสามารถจัดรูปแบบสถานะต่างๆ ของลิงก์ได้ สำหรับการทำงานที่ถูกต้อง ลำดับของตัวเลือกเหล่านี้คือ: :link, :visited, :hover, :active ไวยากรณ์ ไวยากรณ์ของคุณสมบัติ CSS text-indent ดังนี้: a:(pseudo-selector) {    /*declarati

เราสามารถนำเข้าไฟล์ CSS เพิ่มเติมภายในการประกาศ CSS อื่นได้ กฎ @import ใช้สำหรับวัตถุประสงค์นี้ เนื่องจากมันเชื่อมโยงไฟล์สไตล์ชีทในเอกสาร เรื่องนี้มักใช้เมื่อไฟล์สไตล์ชีทหนึ่งขึ้นอยู่กับอีกไฟล์หนึ่ง ระบุที่ด้านบนของเอกสารหลังการประกาศ @charset ภายใน <head> ไวยากรณ์ ไวยากรณ์ของกฎ @import ดังนี

เราสามารถกำหนด max-width คงที่สำหรับกล่องเนื้อหาขององค์ประกอบโดยใช้คุณสมบัติ max-width ใน CSS ซึ่งไม่ให้กล่องเนื้อหาขององค์ประกอบกว้างกว่านั้น แม้ว่า width จะมากกว่า max-width ก็ตาม ไวยากรณ์ ไวยากรณ์ของคุณสมบัติ CSS max-width ดังนี้: Selector {    max-width: /*value*/ } ลองดูตัวอย่างสำหรั

CSS อนุญาตให้เราควบคุมพื้นที่รอบด้านต่างๆ ขององค์ประกอบ คุณสมบัติ CSS margin เป็นคุณสมบัติแบบย่อสำหรับคุณสมบัติต่อไปนี้: margin-top, margin-right, margin-bottom และ margin-left ไวยากรณ์ ไวยากรณ์ของคุณสมบัติ CSS margin ดังนี้: Selector {    margin-top: /*value*/    margin-right:

คุณสมบัติ border ใน CSS ใช้สำหรับกำหนดขอบสำหรับองค์ประกอบ ไวยากรณ์ของคุณสมบัติ CSS border ดังนี้: ไวยากรณ์ Selector {    border: /*value*/ } ตัวอย่าง ตัวอย่างต่อไปนี้แสดงคุณสมบัติ CSS border: <!DOCTYPE html> <html> <head> <style> table {    margin: 1em; &

คุณสมบัติ margin แบบย่อใน CSS ใช้สำหรับกำหนดพื้นที่ margin สำหรับองค์ประกอบ มันตั้งค่าในทิศทางเข็มนาฬิกา คือ margin-top, margin-right, margin-bottom และ margin-left ไวยากรณ์ ไวยากรณ์ของคุณสมบัติ CSS margin ดังนี้: Selector {    margin: /*value*/ } ตัวอย่างต่อไปนี้แสดงคุณสมบัติ CSS margin

CSS อนุญาตให้เราตั้งค่า padding เฉพาะด้านสำหรับองค์ประกอบ คุณสมบัติ padding-top, padding-right, padding-bottom และ padding-left กำหนด padding ด้านบน ขวา ล่าง และซ้ายตามลำดับ คุณสมบัติ padding แบบย่อก็สามารถใช้เพื่อให้ได้ผลลัพธ์เดียวกันโดยระบุค่าในทิศทางเข็มนาฬิกา ไวยากรณ์ ไวยากรณ์ของคุณสมบัติ CSS p

คุณสมบัติ caption-side ใน CSS ใช้สำหรับจัดตำแนวแนวตั้งของกล่องคำอธิบายตาราง สามารถรับค่า top และ bottom โดยค่าเริ่มต้นคำอธิบายตารางจะถูกวางไว้ที่ด้านบน ไวยากรณ์ ไวยากรณ์ของคุณสมบัติ CSS caption-side ดังนี้: Selector {    caption-side: /*value*/ } ตัวอย่าง ตัวอย่างต่อไปนี้แสดงคุณสมบัติ CSS

องค์ประกอบแต่ละรายการในเอกสารถูกรองเป็นกล่องสี่เหลี่ยมผืนผ้าโดย CSS นี่คือโครงร่างการจัดวางเริ่มต้นและสามารถปรับแต่งได้ตามความต้องการ การจัดตำแหน่งขององค์ประกอบ เนื้อหาของพวกเขา และองค์ประกอบรอบข้างทำได้โดยการปฏิบัติตามโมเดลกล่องของ CSS เพื่อเริ่มต้น เรามาดูโครงร่างของโมเดลกล่องตามภาพต่อไปนี้: แหล

เราสามารถจัดการรูปภาพเคอร์เซอร์สำหรับองค์ประกอบต่างๆ ในเอกสาร HTML โดยใช้คุณสมบัติ cursor ใน CSS ไวยากรณ์ ไวยากรณ์ของคุณสมบัติ CSS cursor ดังนี้: Selector {    cursor: /*value*/ } ค่าต่อไปนี้สำหรับคุณสมบัติ CSS cursor: ลำดับค่าและคำอธิบาย 1aliasบ่งบอกว่าจะสร้างนามแฝงของสิ่งใดสิ่งหนึ่ง 2

ระยะห่างระหว่างตัวอักษรสามารถปรับได้โดยใช้คุณสมบัติ letter-spacing ใน CSS ไวยากรณ์ของคุณสมบัติ CSS letter-spacing ดังนี้: ไวยากรณ์ Selector {    letter-spacing: /*value*/ } ตัวอย่างต่อไปนี้แสดงคุณสมบัติ CSS letter-spacing: ตัวอย่าง <!DOCTYPE html> <html> <head> <style

คุณสมบัติ overflow ใน CSS มีประโยชน์เมื่อผู้ใช้ต้องการแสดงเนื้อหาที่ใหญ่กว่าในภาชนะที่เล็กกว่าโดยไม่ต้องปรับขนาดเนื้อหา คุณสมบัตินี้อนุญาตให้ผู้ใช้ตัดเนื้อหา แสดงแถบเลื่อนเพื่อดูเนื้อหาที่ถูกตัด หรือแสดงเนื้อหาไว้นอกภาชนะ จึงได้ชื่อว่า overflow ไวยากรณ์ ไวยากรณ์สำหรับคุณสมบัติ CSS Overflow ดังนี้:

คุณสมบัติ border ใช้สำหรับกำหนดคุณสมบัติขอบสำหรับองค์ประกอบ เป็นคุณสมบัติแบบย่อสำหรับ border-width, border-style และ border-color ไวยากรณ์ ไวยากรณ์ของคุณสมบัติ CSS border ดังนี้: Selector {    border: /*value*/ } ตัวอย่าง ตัวอย่างต่อไปนี้แสดงคุณสมบัติ CSS border: <!DOCTYPE html> <

คุณสมบัติพื้นหลังใน CSS ช่วยให้เราจัดรูปแบบพื้นหลังขององค์ประกอบ คุณสมบัติ background ใน CSS เป็นคุณสมบัติแบบย่อสำหรับระบุพื้นหลังขององค์ประกอบ background-color, background-image, background-repeat, background-position, background-clip, background-size, background-origin และ background-attachment ร

เราสามารถระบุสีพื้นหลังขององค์ประกอบโดยใช้คุณสมบัติ background-color เราสามารถระบุค่าด้วยชื่อมาตรฐาน, rgb(), rgba(), hsl() หรือ hsla() ไวยากรณ์ ไวยากรณ์ของคุณสมบัติ CSS background-color ดังนี้: Selector {    background-color: /*value*/ } ตัวอย่าง ตัวอย่างต่อไปนี้แสดงคุณสมบัติ CSS backgrou

CSS ช่วยให้เราจัดรูปแบบข้อความเพื่อสร้างเนื้อหาที่น่าสนใจทางสายตา คุณสมบัติต่อไปนี้ใช้สำหรับจัดรูปแบบข้อความโดยใช้ CSS: color คุณสมบัตินี้ช่วยเปลี่ยนสีข้อความ letter-spacing คุณสมบัตินี้ใช้สำหรับตั้งค่าระยะห่างระหว่างตัวอักษร line-height ความสูงของบรรทัดระบุโดยคุณสมบัตินี้ text-align การจัดตำแนวแนว

คุณสมบัติ list-style-type ใน CSS ใช้สำหรับจัดรูปแบบเครื่องหมายของรายการ เราสามารถนำสไตล์เหล่านี้ไปใช้กับทั้งรายการแบบไม่เรียงลำดับและแบบเรียงลำดับได้ ไวยากรณ์ ไวยากรณ์ของคุณสมบัติ CSS list-style-type ดังนี้: Selector {    list-style-type: /*value*/ } ตัวอย่าง ตัวอย่างต่อไปนี้แสดงการจัดรูป