PHP Ionic Angular Phonegap AJAX Javascript CSS MySQL jQuery Forum


Borders การจัดการเกี่ยวกับขอบ

25 September 2008 By
border css ขอบ

คำสั่ง การ กำหนด รูปแบบ ตัวอย่าง เทคนิค ลูกเล่น การประยุกต์ การใช้งาน เกี่ยวกับ border css ขอบ



borders สามารถนำไปใช้กับแท็ก HTML เกือบทุกตัวที่อยู่ในแท็ก <body>

การกำหนดค่า border ให้กับ element จะกำหนดโดยใช้ border-style โอยค่าอาจกำหนดเป็น
ค่าต่างได้ดังนี้ solid, dotted, dashed, double, groove, ridge, inset และ outset

border-width เป็นกำหนดค่าความกว้างของ border โดยปกติจะกำหนดค่าเป็น pixels ซึ่ง property
นี้ยังเป็นคุณสมบัติของแต่ละด้านของ element ด้วยเช่น border-top-width, border-right-width,
border-bottom-width และ border-left-width.เป็นต้น

สุดท้าย border-color เป็นการกำหนดสีของ border
วิธีการใช้งาน

 

h2{
	border-style:dashed;
	border-width:3px;
	border-left-width:10px;
	border-right-width:10px;
	border-color:red;
}
จากโ้ค้ดด้านบนเป็นการกำหนด border สีแดง มีลักษณะเป็นเส้นประกว้าง 3 pixels โดยรอบหัวข้อรอง
และมีความกว้าง border ด้านซ้ายและด้านขวา เท่ากับ 10 pixels

 



เนื้อหาที่เี่กี่ยวข้อง







Tags:: border ขอบ css






อย่าลืมกด Like กด Share เป็นกำลังใจ ในการสร้างบทความใหม่ๆ น่ะครับ


URL สำหรับอ้างอิง