หน้าแรก
หน้าแรก
ใช้ รูปแบบเส้นขอบ คุณสมบัติที่มีค่าร่องเพื่อกำหนดเส้นขอบตามที่แกะสลักไว้ในหน้า คุณสามารถลองเรียกใช้โค้ดต่อไปนี้เพื่อใช้งาน border-style คุณสมบัติ: ตัวอย่าง <html> <head> </head> <body> <p style = "border-widt
ในการตั้งค่าแทรกเส้นขอบด้วย CSS ให้ใช้ border-style ทรัพย์สินมีค่าแทรก ตัวอย่าง <html> <head> </head> <body> <p style = "border-width:4px; border-style:none;"> This i
padding-bottom ระบุช่องว่างภายในด้านล่างขององค์ประกอบ มันกำหนดช่องว่างภายในด้านล่างขององค์ประกอบ ค่านี้สามารถมีค่าเป็น % ได้ ตัวอย่าง <html> <head> </head> <body> <p style = "padding-bottom: 10px; border:1px
padding-top ระบุการเติมด้านบนขององค์ประกอบ มันตั้งค่าการเติมด้านบนขององค์ประกอบ ค่านี้สามารถมีค่าเป็น % ได้ ตัวอย่าง <html> <head> </head> <body> <p style = "padding-top: 10px; border:1px solid red;">
ระยะขอบ คุณสมบัติกำหนดพื้นที่รอบองค์ประกอบ HTML คุณสามารถใช้ค่าลบเพื่อทับซ้อนเนื้อหาได้ ระบุคุณสมบัติชวเลขสำหรับการตั้งค่าคุณสมบัติระยะขอบในหนึ่งประกาศ ตัวอย่าง คุณสามารถลองเรียกใช้รหัสต่อไปนี้เพื่อกำหนดระยะขอบ <html> <head> </head> <body&
ในการตั้งค่าเส้นขอบเริ่มต้นด้วย CSS ให้ใช้ border-style ทรัพย์สินที่มีค่าเริ่มต้น ตัวอย่าง <html> <head> </head> <body> <p style = "border-width:4px; border-style:none;">
border-bottom-style คุณสมบัติเปลี่ยนรูปแบบของเส้นขอบด้านล่าง คุณสามารถลองเรียกใช้โค้ดต่อไปนี้เพื่อใช้งาน border-bottom-style คุณสมบัติ: ตัวอย่าง <html> <head> </head> <body> <p style = "border-width:4px;bor
border-bottom-width เปลี่ยนความกว้างของเส้นขอบด้านล่าง คุณสามารถลองเรียกใช้โค้ดต่อไปนี้เพื่อใช้งาน border-bottom-width คุณสมบัติ: ตัวอย่าง <html> <head> </head> <body> <p style = "border-bottom-width:6px;bord
border-bottom-color เปลี่ยนสีของขอบด้านล่าง คุณสามารถลองเรียกใช้โค้ดต่อไปนี้เพื่อใช้งาน border-bottom-color คุณสมบัติ: ตัวอย่าง <html> <head> <style> p.demo { border:4px so
border-top-color เปลี่ยนสีขอบบน คุณสามารถลองเรียกใช้โค้ดต่อไปนี้เพื่อใช้งาน border-top-color คุณสมบัติ: ตัวอย่าง <html> <head> <style> p.demo { border:3px solid; &nb
border-right-style คุณสมบัติเปลี่ยนรูปแบบของเส้นขอบด้านขวา คุณสามารถลองเรียกใช้โค้ดต่อไปนี้เพื่อใช้งาน border-right-style คุณสมบัติ: ตัวอย่าง <html> <head> </head> <body> <p style = "border-width:4px;border-r
border-bottom-width เปลี่ยนความกว้างของเส้นขอบด้านล่าง คุณสามารถลองเรียกใช้โค้ดต่อไปนี้เพื่อใช้งาน border-bottom-width คุณสมบัติ: ตัวอย่าง <html> <head> </head> <body> <p style = "border-bottom-width:6px;bord
เส้นขอบสี คุณสมบัติระบุสีของเส้นขอบ คุณสามารถลองเรียกใช้โค้ดต่อไปนี้เพื่อใช้ border-color คุณสมบัติ: ตัวอย่าง <html> <head> <style> p.demo { border:2px dashed; &nb
The border-right-width คุณสมบัติเปลี่ยนความกว้างของขอบด้านขวา คุณสามารถลองเรียกใช้โค้ดต่อไปนี้เพื่อใช้งาน border-right-width ทรัพย์สิน ตัวอย่าง <html> <head> </head> <body> <p style = "border-right-width:6px;
ความกว้างขอบ คุณสมบัติช่วยให้คุณกำหนดความกว้างของเส้นขอบองค์ประกอบ ค่าของคุณสมบัตินี้อาจเป็นความยาวเป็น px, pt หรือ cm หรือควรตั้งค่าเป็น บาง ปานกลาง หรือ หนา . ตัวอย่าง คุณสามารถลองเรียกใช้โค้ดต่อไปนี้เพื่อกำหนดความกว้างของเส้นขอบด้วย CSS: <html> <head> </h
ระยะขอบขวา คุณสมบัติใช้เพื่อกำหนดระยะขอบด้านขวาขององค์ประกอบ สามารถมีค่าความยาว % หรืออัตโนมัติ คุณสามารถลองเรียกใช้รหัสต่อไปนี้เพื่อกำหนดระยะขอบด้านขวา ตัวอย่าง <html> <head> </head> <body> <
ขอบซ้าย คุณสมบัติ -color เปลี่ยนสีของเส้นขอบด้านซ้าย คุณสามารถลองเรียกใช้โค้ดต่อไปนี้เพื่อใช้งาน border-left -คุณสมบัติสี: ตัวอย่าง <html> <head> <style> p.demo { border:3p
border-top-width คุณสมบัติเปลี่ยนความกว้างของเส้นขอบด้านบน คุณสามารถลองเรียกใช้โค้ดต่อไปนี้เพื่อใช้งาน border-top-wid th คุณสมบัติ: ตัวอย่าง <html> <head> </head> <body> <p style = "border-top-width:6px;borde
border-left-color คุณสมบัติเปลี่ยนสีของขอบด้านซ้าย คุณสามารถลองเรียกใช้โค้ดต่อไปนี้เพื่อใช้งาน border-left-color คุณสมบัติ: ตัวอย่าง <html> <head> <style> p.demo { border:
ในการกำหนดรูปแบบของเส้นขอบ ให้ใช้ border-style คุณสมบัติ. คุณสมบัติ border-style ให้คุณเลือกรูปแบบเส้นขอบต่อไปนี้: ไม่มี: ไม่มีพรมแดน แข็ง: เส้นขอบเป็นเส้นทึบเส้นเดียว จุด: เส้นขอบคือชุดของจุด ประ: เส้นขอบคือชุดของบรรทัดสั้นๆ สองเท่า: เส้นขอบเป็นเส้นทึบสองเส้น ร่อง: เส้นขอบดูเหมือนแกะสลักในหน้า สัน