เราสามารถกำหนดความสูงและความกว้างสำหรับเนื้อหาขององค์ประกอบโดยเฉพาะได้ แม้ว่าคุณสมบัติเหล่านี้จะไม่รวมระยะขอบ ช่องว่างภายใน หรือเส้นขอบ ไวยากรณ์ ไวยากรณ์ของคุณสมบัติความสูงของ CSS มีดังต่อไปนี้ - Selector { height: /*value*/ } ไวยากรณ์ของคุณสมบัติความกว้าง CSS มีดังต่อไปนี้ - Selector
เราสามารถกำหนดความสูงสูงสุดคงที่สำหรับกล่องเนื้อหาขององค์ประกอบโดยใช้คุณสมบัติ CSS max-height ซึ่งไม่อนุญาตให้กล่องเนื้อหาขององค์ประกอบสูงขึ้นแม้ว่าความสูงจะมากกว่าความสูงสูงสุด ไวยากรณ์ ไวยากรณ์ของคุณสมบัติ CSS max-height มีดังนี้ - Selector { max-height: /*value*/ } มาดูตัวอย่างคุณส
เราสามารถจัดแนวข้อความในเอกสาร html โดยใช้คุณสมบัติ CSS text-align สำหรับการจัดตำแหน่งแนวนอนและ CSS padding-top ด้วย CSS padding-bottom หรือ CSS line-height สำหรับการจัดตำแหน่งแนวตั้ง ไวยากรณ์ ต่อไปนี้เป็นไวยากรณ์สำหรับคุณสมบัติ CSS ที่กล่าวถึงข้างต้น - Selector { text-align: center |
โดยใช้ตัวเลือกหลอก CSS กล่าวคือ :active, :hover, :link และ :visited เราสามารถกำหนดรูปแบบสถานะต่างๆ ของลิงก์ได้ สำหรับการทำงานที่เหมาะสม ลำดับของตัวเลือกเหล่านี้จะได้รับโดย:- :link, :visited, :hover, :active ไวยากรณ์ ไวยากรณ์ของคุณสมบัติ CSS text-indent มีดังนี้ - a:(pseudo-selector) { /
เราสามารถนำเข้าไฟล์ CSS เพิ่มเติมภายในการประกาศ CSS อื่นได้ กฎ @import ใช้เพื่อจุดประสงค์นี้เนื่องจากจะลิงก์สไตล์ชีตในเอกสาร โดยทั่วไปจะใช้เมื่อหนึ่งสไตล์ชีตขึ้นอยู่กับอีกสไตล์หนึ่ง มันถูกระบุไว้ที่ด้านบนของเอกสารหลังจาก @charset ประกาศภายใน . ไวยากรณ์ ไวยากรณ์ของกฎ @import มีดังนี้ @import /*url o
เราสามารถกำหนดความกว้างสูงสุดคงที่สำหรับกล่องเนื้อหาขององค์ประกอบโดยใช้คุณสมบัติ CSS max-width ซึ่งไม่อนุญาตให้กล่องเนื้อหาขององค์ประกอบกว้างขึ้นแม้ว่าความกว้างจะมากกว่าความกว้างสูงสุด ไวยากรณ์ ไวยากรณ์ของคุณสมบัติความกว้างสูงสุดของ CSS มีดังต่อไปนี้ - Selector { max-width: /*value*/ }
CSS ช่วยให้เราควบคุมพื้นที่รอบๆ แต่ละด้านขององค์ประกอบได้ คุณสมบัติระยะขอบ CSS เป็นชวเลขสำหรับคุณสมบัติต่อไปนี้:ระยะขอบบน ระยะขอบขวา ระยะขอบล่าง และระยะขอบซ้าย ไวยากรณ์ ไวยากรณ์ของคุณสมบัติขอบ CSS มีดังต่อไปนี้ - Selector { margin-top: /*value*/ margin-right: /*value*/ &nb
คุณสมบัติเส้นขอบ CSS ใช้เพื่อกำหนดเส้นขอบสำหรับองค์ประกอบ ไวยากรณ์ของคุณสมบัติ CSS border มีดังนี้− ไวยากรณ์ Selector { border: /*value*/ } ตัวอย่าง ตัวอย่างต่อไปนี้แสดงให้เห็นถึงคุณสมบัติเส้นขอบ CSS- <!DOCTYPE html> <html> <head> <style> table { ma
คุณสมบัติชวเลขขอบ CSS ใช้เพื่อกำหนดพื้นที่ขอบสำหรับองค์ประกอบ โดยตั้งค่าในทิศทางตามเข็มนาฬิกา เช่น ระยะขอบบน ระยะขอบขวา ระยะขอบล่าง และระยะขอบซ้าย ไวยากรณ์ ไวยากรณ์ของคุณสมบัติขอบ CSS มีดังต่อไปนี้ - Selector { margin: /*value*/ } ตัวอย่างต่อไปนี้แสดงให้เห็นถึงคุณสมบัติชวเลขขอบ CSS -
CSS ช่วยให้เราสามารถตั้งค่าการเติมเฉพาะด้านสำหรับองค์ประกอบ คุณสมบัติ padding-top, padding-right, padding-bottom และ padding-right กำหนดช่องว่างด้านบนขวาด้านล่างและด้านซ้ายตามลำดับ คุณสมบัติชวเลขช่องว่างภายในยังสามารถใช้เพื่อให้ได้ผลลัพธ์เดียวกันโดยการระบุค่าในทิศทางตามเข็มนาฬิกา ไวยากรณ์ ไวยากรณ์ข
คุณสมบัติ CSS ด้านคำอธิบายใช้เพื่อจัดตำแหน่งกล่องคำอธิบายตารางในแนวตั้ง สามารถใช้ค่าบนและล่างเป็นค่าได้ โดยค่าเริ่มต้น คำอธิบายตารางจะอยู่ที่ด้านบนสุด ไวยากรณ์ ไวยากรณ์ของคุณสมบัติ CSS list-style มีดังนี้− Selector { caption-side: /*value*/ } ตัวอย่าง ตัวอย่างต่อไปนี้แสดงคุณสมบัติ CSS
แต่ละองค์ประกอบในเอกสาร HTML ถือเป็นกล่องสี่เหลี่ยมโดย CSS นี่คือโครงร่างเค้าโครงเริ่มต้นและสามารถปรับแต่งได้ตามความต้องการของเรา การวางตำแหน่งขององค์ประกอบ เนื้อหา และองค์ประกอบโดยรอบเป็นไปตามรูปแบบกล่องของ CSS เริ่มกันที่ Layout ของ Box Model ตามรูปเลยครับ ที่มา:w3.org เนื้อหา ซึ่งรวมถึงข้
เราสามารถจัดการรูปภาพเคอร์เซอร์สำหรับองค์ประกอบต่างๆ ในเอกสาร HTML ได้โดยใช้คุณสมบัติเคอร์เซอร์ CSS ไวยากรณ์ The syntax of CSS cursor property is as follows: Selector { cursor: /*value*/ } ต่อไปนี้เป็นค่าสำหรับคุณสมบัติเคอร์เซอร์ CSS - ซีเนียร์ คุณค่าและรายละเอียด 1 นามแฝง เป็นการบ่
ช่องว่างระหว่างตัวอักษรสามารถปรับได้โดยใช้คุณสมบัติการเว้นวรรคตัวอักษร CSS ไวยากรณ์ของคุณสมบัติการเว้นวรรคตัวอักษร CSS มีดังนี้− ไวยากรณ์ Selector { letter-spacing: /*value*/ } ตัวอย่างต่อไปนี้แสดงให้เห็นถึงคุณสมบัติการเว้นวรรคตัวอักษร CSS - ตัวอย่าง <!DOCTYPE html> <html>
คุณสมบัติล้น CSS มีประโยชน์เมื่อผู้ใช้ต้องการแสดงเนื้อหาที่ใหญ่ขึ้นในคอนเทนเนอร์ขนาดเล็กลงโดยไม่ต้องปรับขนาดเนื้อหา คุณสมบัตินี้อนุญาตให้ผู้ใช้ตัดเนื้อหา จัดเตรียมแถบเลื่อนเพื่อดูเนื้อหาที่ตัดแล้ว แสดงเนื้อหาภายนอกคอนเทนเนอร์ ดังนั้นชื่อจะล้น ไวยากรณ์ ต่อไปนี้เป็นไวยากรณ์สำหรับคุณสมบัติ CSS Overflo
คุณสมบัติเส้นขอบใช้เพื่อกำหนดคุณสมบัติของเส้นขอบสำหรับองค์ประกอบ เป็นชวเลขสำหรับ border-width, border-style และ border-color ไวยากรณ์ ไวยากรณ์ของคุณสมบัติเส้นขอบ CSS มีดังต่อไปนี้ - Selector { border: /*value*/ } ตัวอย่าง ตัวอย่างต่อไปนี้แสดงให้เห็นถึงคุณสมบัติเส้นขอบ CSS - <!DOCTY
คุณสมบัติพื้นหลัง CSS ช่วยให้เราจัดรูปแบบพื้นหลังขององค์ประกอบต่างๆ คุณสมบัติพื้นหลัง CSS เป็นชวเลขสำหรับระบุพื้นหลังขององค์ประกอบ background-color, background-image, background-repeat, background-position, background-clip, background-size, background-origin และ background-attachment รวมกันประกอบเป็
เราสามารถระบุสีพื้นหลังขององค์ประกอบโดยใช้คุณสมบัติสีพื้นหลัง เราสามารถระบุค่าโดยใช้ชื่อมาตรฐาน rgb(), rgba(), hsl() หรือ hsla() ไวยากรณ์ ไวยากรณ์ของคุณสมบัติสีพื้นหลัง CSS มีดังต่อไปนี้ - Selector { background-color: /*value*/ } ตัวอย่าง ตัวอย่างต่อไปนี้แสดงให้เห็นถึงคุณสมบัติสีพื้นห
CSS ช่วยให้เราจัดรูปแบบข้อความเพื่อสร้างเนื้อหาที่ดึงดูดสายตา คุณสมบัติต่อไปนี้ใช้เพื่อจัดรูปแบบข้อความโดยใช้ CSS สี คุณสมบัตินี้ช่วยให้เราเปลี่ยนสีข้อความได้ การเว้นวรรคตัวอักษร คุณสมบัตินี้ใช้เพื่อกำหนดระยะห่างระหว่างอักขระ ความสูงของเส้น ความสูงของเส้นถูกระบุโดยใช้คุณสมบัตินี้ การจัดแนว
คุณสมบัติ CSS list-style-type ใช้เพื่อกำหนดรูปแบบตัวทำเครื่องหมายของรายการ เรานำสไตล์เหล่านี้ไปใช้กับรายการที่ไม่เรียงลำดับและเรียงลำดับได้ ไวยากรณ์ ไวยากรณ์ของคุณสมบัติ CSS list-style-type มีดังนี้ - Selector { list-style-type: /*value*/ } ตัวอย่าง ตัวอย่างต่อไปนี้แสดงให้เห็นถึงการจั
