หน้าแรก
หน้าแรก
คุณสมบัติ CSS list-style-position ใช้เพื่อกำหนดตำแหน่งตัวทำเครื่องหมายของรายการ ค่าเริ่มต้นสำหรับคุณสมบัตินี้อยู่นอกซึ่งกำหนดเครื่องหมายนอกรายการ ไวยากรณ์ ไวยากรณ์ของคุณสมบัติ CSS list-style-position มีดังนี้ - Selector { list-style-position: /*value*/ } ตัวอย่าง ตัวอย่างต่อไปนี้แสดง
คุณสมบัติ CSS list-style-image ใช้เพื่อกำหนดรูปภาพเป็นเครื่องหมายสำหรับรายการ ไวยากรณ์ ไวยากรณ์ของคุณสมบัติ CSS list-style-image มีดังนี้ - Selector { list-style-image: /*value*/ } ตัวอย่าง ตัวอย่างต่อไปนี้แสดงให้เห็นถึงคุณสมบัติ CSS list-style-image - <!DOCTYPE html> <html&g
ในการแสดงเครื่องหมายรูปภาพอย่างถูกต้องในเบราว์เซอร์ทั้งหมด จำเป็นต้องใช้โซลูชันข้ามเบราว์เซอร์ การจัดตำแหน่งข้อความหลังจากเครื่องหมายรูปภาพบางครั้งบิดเบี้ยว เพื่อให้ได้ผลลัพธ์ที่สม่ำเสมอ เราระบุรูปภาพที่จะใช้เป็นเครื่องหมายเป็นพื้นหลังและจัดแนวตามนั้น ตัวอย่าง ตัวอย่างต่อไปนี้แสดงให้เห็นถึงการจัดรู
ตัวเลือก CSS * เป็นตัวเลือกสากลที่ใช้เพื่อเลือกองค์ประกอบทั้งหมดของ HTML DOM ไวยากรณ์ ไวยากรณ์สำหรับตัวเลือกสากล CSS มีดังต่อไปนี้ - * { /*declarations*/ } ตัวอย่างต่อไปนี้แสดงให้เห็นถึงตัวเลือกสากล CSS - ตัวอย่าง <!DOCTYPE html> <html> <head> <style> * {
CSS ช่วยให้เราสามารถกำหนดสไตล์รายการโดยการระบุพื้นหลัง คุณสมบัติรายการสไตล์ สไตล์แบบอักษร ฯลฯ คุณสมบัติ list-style เป็นชวเลขสำหรับระบุ list-style-type, list-style -image และ list-style-position ในลำดับเดียวกัน ไวยากรณ์ ไวยากรณ์ของคุณสมบัติ CSS list-style มีดังนี้ - Selector { list-styl
คุณสมบัติ CSS list-style ใช้เพื่อระบุ list-style-type, list-style-position และ list-style-image สำหรับองค์ประกอบ ไวยากรณ์ ไวยากรณ์ของคุณสมบัติ CSS list-style มีดังนี้− ตัวเลือก { list-style:/*value*/} ตัวอย่าง ตัวอย่างต่อไปนี้แสดงให้เห็นถึงการจัดรูปแบบรายการ - body { ขนาดแบบอักษร:1.33em; พื้นหลัง:
หากต้องการเพิ่มภาพเส้นขอบใน CSS3 ให้ใช้คุณสมบัติ border-image เป็นคุณสมบัติชวเลขสำหรับคุณสมบัติต่อไปนี้ − border-image-source border-image-slice border-image-width border-image-outset border-image-repeat สามารถตั้งค่าเป็น; border-image: source slice width outset repeat|initial|inherit; ตัวอย่าง เร
ในการกำหนดสีใน CSS3 ให้ใช้ RGB, RGBA, HSL และ HSLA คุณสามารถใช้ค่าสีและค่าเลขฐานสิบหกเพื่อกำหนดสีได้ - CSS3 RGBA ค่าสีคือสีแดง สีเขียว สีน้ำเงิน และอัลฟ่า อัลฟ่าคือความทึบของสี เช่น ตัวเลขระหว่าง 0.0 ถึง 1.0 ที่นี่ 1.0 จะเป็นแบบเต็มทึบ ที่นี่ เราจะเห็นความแตกต่างของความทึบที่สร้างขึ้นด้วยพารามิเตอร
หน่วยความยาวสัมพัทธ์ใน CSS ใช้เพื่อระบุความยาวที่สัมพันธ์กับคุณสมบัติความยาวอื่น Sr.No หน่วย &คำอธิบาย 1 em สัมพันธ์กับขนาดแบบอักษรขององค์ประกอบ เช่น 4em หมายถึงขนาดแบบอักษรปัจจุบัน 4 เท่า 2 อดีต เทียบกับความสูง x ของแบบอักษรปัจจุบัน 3 ช เทียบกับความกว้างของ 0 4 เรม สัมพันธ์กับขนาดตัว
ในการจัดรูปแบบพื้นหลังขององค์ประกอบ คุณสามารถตั้งค่าภาพพื้นหลัง ตำแหน่งพื้นหลัง ด้วยเหตุนี้ ให้ตั้งค่าพื้นหลังซ้ำเพื่อเล่นภาพซ้ำในแนวนอนหรือแนวตั้ง ตำแหน่งพื้นหลัง ตำแหน่งพื้นหลังคือการกำหนดตำแหน่งเริ่มต้นของภาพพื้นหลัง สำหรับสิ่งนี้ ให้ใช้คุณสมบัติตำแหน่งพื้นหลัง ตัวอย่าง เรามาดูตัวอย่างกัน − <
ตัวเลือกย่อย CSS ใช้เพื่อเลือกองค์ประกอบย่อยทั้งหมดที่มีองค์ประกอบหลักเฉพาะ ไวยากรณ์ ไวยากรณ์สำหรับตัวเลือกลูก CSS มีดังต่อไปนี้− element > element { /*declarations*/ } ตัวอย่าง ตัวอย่างต่อไปนี้แสดงให้เห็นถึงตัวเลือกลูกหลาน CSS - <!DOCTYPE html> <html> <head> <style> * {
คุณสมบัติการเติมใน CSS ช่วยให้คุณตั้งค่าการเติมสำหรับช่องว่างบน, การเติม-ขวา, การเติม-ด้านล่าง, การเติม-ซ้าย เป็นสมบัติชวเลข เรามาดูตัวอย่างกันก่อน − ตัวอย่างเช่น padding:10px 5px 7px 10px; ที่นี่ top padding is 10px right padding is 5px bottom padding is 7px left padding is 10px ตัวอย่าง ตัวอย
เราสามารถกำหนดเส้นขอบสำหรับองค์ประกอบและจัดรูปแบบโดยใช้ CSS คุณสมบัติเส้นขอบ CSS ใช้เพื่อกำหนดคุณสมบัติเส้นขอบสำหรับองค์ประกอบ มันเป็นชวเลขสำหรับความกว้างของเส้นขอบ สไตล์เส้นขอบ และสีเส้นขอบ นอกจากนี้ยังสามารถระบุรูปภาพเป็นเส้นขอบได้ ไวยากรณ์ ไวยากรณ์ของคุณสมบัติเส้นขอบ CSS มีดังต่อไปนี้ - Selector
คุณสมบัติเส้นขอบ CSS ใช้เพื่อกำหนดคุณสมบัติเส้นขอบสำหรับองค์ประกอบ มันเป็นชวเลขสำหรับความกว้างของเส้นขอบ สไตล์เส้นขอบ และสีเส้นขอบ เราสามารถจัดรูปแบบแต่ละด้านโดยใช้คุณสมบัติเฉพาะด้าน เช่น ขอบบน ขอบขวา ฯลฯ ไวยากรณ์ ไวยากรณ์ของคุณสมบัติเส้นขอบ CSS มีดังต่อไปนี้ - Selector { border: /*val
คุณสมบัติ CSS border-width ใช้เพื่อระบุความกว้างสำหรับเส้นขอบขององค์ประกอบ นอกจากนี้เรายังสามารถกำหนดความกว้างสำหรับแต่ละด้านโดยใช้คุณสมบัติ border-top-width, border-right-width, border-left-width และ border-right-width ไวยากรณ์ ไวยากรณ์ของคุณสมบัติความกว้างเส้นขอบ CSS มีดังนี้− Selector { &
เราสามารถระบุคุณสมบัติพื้นหลังขององค์ประกอบโดยใช้แอตทริบิวต์พื้นหลัง สามารถใช้ค่าต่างๆ ต่อไปนี้:background-color, background-image, background-repeat, background-position, background-clip, background-size, background-origin และ background-attachment ไวยากรณ์ ไวยากรณ์ของคุณสมบัติพื้นหลัง CSS มีดังต่
ต่างจากบล็อก องค์ประกอบแบบอินไลน์เริ่มต้นในบรรทัดเดียวกันและใช้ความกว้างที่กำหนดเท่านั้น ให้เรามาดูตัวอย่างการใช้งาน display:inline property value ใน CSS − ตัวอย่าง เรามาดูตัวอย่างกัน − <!DOCTYPE html> <html> <head> <style> span { background-color: orange;
หากต้องการลบองค์ประกอบ ให้ใช้ค่าคุณสมบัติ display none ใน CSS ให้เราดูตัวอย่างการใช้ค่าคุณสมบัติ none - ตัวอย่าง เรามาดูตัวอย่างกัน − <!DOCTYPE html> <html> <head> <style> span { background-color: orange; color: white; } p.demo { displa
คุณสมบัติ CSS Display ใช้เพื่อควบคุมการมองเห็นองค์ประกอบบนหน้าเว็บ ค่าบางส่วนจะแสดงที่นี่ - แสดงองค์ประกอบเป็นคอนเทนเนอร์ flex ระดับอินไลน์ Sr.No มูลค่าทรัพย์สิน &คำอธิบาย 1 อินไลน์ แสดงองค์ประกอบเป็นองค์ประกอบแบบอินไลน์ 2 บล็อค แสดงองค์ประกอบเป็นองค์ประกอบบล็อก 3 เนื้อหา ทำให้คอนเทนเนอร
หากต้องการเพิ่มเส้นขอบให้กับตารางใน CSS ให้ใช้คุณสมบัติ borders ตัวอย่าง เรามาดูตัวอย่างกัน − <!DOCTYPE html> <html> <head> <style> table, th, td { border: 2px dashed orange; } </style> </head> <body> <h2>Team Ranking Table</h2> <