หน้าแรก
หน้าแรก
หากต้องการล้างองค์ประกอบลอย ให้ใช้คลาส .clearfix Bootstrap ตัวอย่าง คุณสามารถลองเรียกใช้รหัสต่อไปนี้เพื่อล้างองค์ประกอบลอย <!DOCTYPE html> <html> <head> <title>Bootstrap Example</title> <link href = "/boots
The เครื่องหมาย-ออฟเซ็ต คุณสมบัติช่วยให้คุณสามารถระบุระยะห่างระหว่างเครื่องหมายและข้อความที่เกี่ยวข้องกับเครื่องหมายนั้นได้ ตัวอย่าง คุณสามารถลองเรียกใช้โค้ดต่อไปนี้เพื่อใช้งาน marker-offset ทรัพย์สิน <html> <head> </head> <body>
หากต้องการกำหนดเครื่องหมายภายในกล่องที่มีสัญลักษณ์แสดงหัวข้อย่อย ให้ใช้ list-style-position ทรัพย์สินที่มีค่าอยู่ภายใน ภายใน ค่า หมายความว่าถ้าข้อความไปที่บรรทัดที่สอง ข้อความจะถูกตัดใต้เครื่องหมาย นอกจากนี้ยังจะปรากฏเยื้องไปยังตำแหน่งที่ข้อความจะเริ่มต้นหากรายการมีค่าภายนอก ตัวอย่าง <html>
หากต้องการกำหนดเครื่องหมายนอกกรอบที่มีสัญลักษณ์แสดงหัวข้อย่อย ให้ใช้ list-style-position คุณสมบัติที่มีค่าภายนอก . ตัวอย่าง ภายนอก value หมายถึง ถ้าข้อความไปขึ้นบรรทัดที่สอง ข้อความจะอยู่ในแนวเดียวกับจุดเริ่มต้นของบรรทัดแรก <html> <head> </head>
list-style-position คุณสมบัติระบุว่าเครื่องหมายควรปรากฏภายในหรือภายนอกกล่องที่มีสัญลักษณ์แสดงหัวข้อย่อย หากข้อความไปที่บรรทัดที่สอง ข้อความจะตัดใต้เครื่องหมายสำหรับค่า ภายใน . ตัวอย่าง หากข้อความไปขึ้นบรรทัดที่สอง ข้อความจะอยู่ในแนวเดียวกับจุดเริ่มต้นของบรรทัดแรก สำหรับค่า นอก <html>
list-style-image ระบุรูปภาพสำหรับเครื่องหมายแทนที่จะเป็นสัญลักษณ์แสดงหัวข้อย่อยหรือตัวเลข คุณสามารถลองเรียกใช้โค้ดต่อไปนี้เพื่อใช้งาน list-style-image คุณสมบัติ: ตัวอย่าง <html> <head> </head> <body> <ul>
ในการสร้างการไล่ระดับสีแบบเส้นตรงที่ดูเหมือนสีรุ้ง คุณสามารถลองใช้โค้ดต่อไปนี้\ ตัวอย่าง <!DOCTYPE html> <html> <head> <style> #demo { height: 100px;
แอล.ซี.เอ็ม. หรือตัวคูณร่วมน้อยของค่าสองค่า คือค่าบวกที่น้อยที่สุดที่ผลคูณของทั้งสองค่า ตัวอย่างเช่น ทวีคูณของ 3 และ 4 คือ: 3 → 3, 6, 9, 12, 15 ... 4 → 4, 8, 12, 16, 20 ... ตัวคูณที่น้อยที่สุดของทั้งคู่คือ 12 ดังนั้น LCM ของ 3 และ 4 คือ 12 โปรแกรม ตัวอย่างต่อไปนี้จะคำนวณ LCM ของอาร์เรย์ของตัวเล
margin-top ระบุระยะขอบด้านบนขององค์ประกอบ สามารถมีค่าความยาว % หรืออัตโนมัติ คุณสามารถลองเรียกใช้รหัสต่อไปนี้เพื่อตั้งค่าระยะขอบบน: ตัวอย่าง <html> <head> </head> <body> <p style = "margin-top: 10px; border:2
ขอบล่าง ระบุระยะขอบด้านล่างขององค์ประกอบ สามารถมีค่าความยาว % หรืออัตโนมัติ คุณสามารถลองเรียกใช้รหัสต่อไปนี้เพื่อกำหนดระยะขอบด้านล่าง: ตัวอย่าง <html> <head> </head> <body> <p style = "margin-bottom: 20px; bo
The margin-bottom คุณสมบัติใช้เพื่อกำหนดระยะขอบด้านล่างขององค์ประกอบ สามารถมีค่าความยาวเป็น % หรืออัตโนมัติ ตัวอย่าง คุณสามารถลองเรียกใช้โค้ดต่อไปนี้เพื่อกำหนดระยะขอบด้านล่าง <html> <head> </head> <body> <p style
list-style-type คุณสมบัติช่วยให้คุณควบคุมรูปร่างหรือสไตล์ของอักขระลำดับเลขในรายการเรียงลำดับ ตัวอย่าง <html> <head> </head> <body> <ol style = "list-style-type:decimal;"> &
list-style-type ช่วยให้คุณควบคุมรูปร่างหรือลักษณะที่ปรากฏของเครื่องหมายได้ คุณสามารถลองเรียกใช้โค้ดต่อไปนี้เพื่อใช้งาน list-style-type ทรัพย์สิน ตัวอย่าง <html> <head> </head> <body> <ul style = "list-style-t
list-style-type ช่วยให้คุณควบคุมรูปร่างหรือลักษณะที่ปรากฏของเครื่องหมายได้ คุณสามารถลองเรียกใช้โค้ดต่อไปนี้เพื่อใช้คุณสมบัติ list-style-type เพื่อใช้งานสำหรับรายการที่ไม่เรียงลำดับ: ตัวอย่าง <html> <head> </head> <body> &nb
list-style-position คุณสมบัติระบุว่าเครื่องหมายควรปรากฏภายในหรือภายนอกกล่องที่มีสัญลักษณ์แสดงหัวข้อย่อย สามารถมีค่าได้หนึ่งค่าสองค่า ค่า คำอธิบาย ไม่มี NA ภายใน หากข้อความไปที่บรรทัดที่สอง ข้อความจะตัดไว้ใต้เครื่องหมาย นอกจากนี้ยังจะปรากฏเยื้องไปยังตำแหน่งที่ข้อความจะเริ่มต้นหากรายการมี
list-style-type คุณสมบัติช่วยให้คุณควบคุมรูปร่างหรือรูปแบบเครื่องหมายรายการที่ไม่เรียงลำดับได้ ตัวอย่าง <html> <head> </head> <body> <ul style = "list-style-type:square;">
list-style-image ให้คุณระบุรูปภาพเพื่อใช้สไตล์สัญลักษณ์แสดงหัวข้อย่อยของคุณเองได้ ตัวอย่าง คุณสามารถลองเรียกใช้รหัสต่อไปนี้เพื่อตั้งค่ารูปภาพสำหรับสัญลักษณ์แสดงหัวข้อย่อยด้วย CSS <html> <head> </head> <body> <ul
รายการสไตล์ คุณสมบัติช่วยให้คุณสามารถระบุคุณสมบัติรายการทั้งหมดในนิพจน์เดียว ตัวอย่าง คุณสามารถลองเรียกใช้โค้ดต่อไปนี้เพื่อแสดงรายการคุณสมบัติทั้งหมด เช่น list-style, type ฯลฯ ในบรรทัดเดียว: <html> <head> </head> <body> &n
ใช้ border-style คุณสมบัติที่มีค่าสองเท่าเพื่อกำหนดเส้นขอบสองบรรทัด คุณสามารถลองเรียกใช้โค้ดต่อไปนี้เพื่อใช้งาน border-style คุณสมบัติ: ตัวอย่าง <html> <head> </head> <body> <p style = "border-width:4px; bor
border-left-width คุณสมบัติเปลี่ยนความกว้างของเส้นขอบด้านซ้าย คุณสามารถลองเรียกใช้โค้ดต่อไปนี้เพื่อใช้งาน border-left-width คุณสมบัติ: ตัวอย่าง <html> <head> </head> <body> <p style = "border-left-width:6px;