Borders การจัดการเกี่ยวกับขอบ
25 September 2008borders สามารถนำไปใช้กับแท็ก 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
เนื้อหาที่เี่กี่ยวข้อง
- การใช้งาน CSS - ศึกษาิวิธีการนำ CSS ไปใช้กับ HTML
- สิ่งที่เรียกว่า Selects, Properties , and Values - สิ่งที่เป็นองค์ประกอบของ CSS
- สี Colours - การใช้งานสี
- ข้อความ Text - การจัดการเกี่ยวกับขนาดและรูปร่างของข้อความ
- Margins and Padding - การจัดการพื้นที่ระหว่างสิ่งต่างๆ
- Borders - การจัดการเกี่ยวกับขอบ
- รวมส่วนประกอบต่างข้างบนเป็น CSS
บทความในหมวดที่่น่าสนใจ อื่นๆ
บทความคนเข้าอ่านวันนี้
01 Dec 10 การใช้งาน polyline และ polygon ใน google map api v3 อ่าน 3581 16 Aug 09 jQuery UI คือ อะไร อ่าน 4303 03 Feb 10 ทบทวน javascript ฟังก์ชั่น ให้กรอกเฉพาะภาษาอังกฤษเท่านั้น อ่าน 2233 02 May 10 ใช้งาน ajax ใน jQuery ดึงข้อมูลจากฐานข้อมูลมาแสดง ใน tooltip อ่าน 5918 15 Nov 08 สร้าง Drag and Drop วัตถุด้วย jQuery โดยไม่ใช้ plug in อย่างง่าย อ่าน 6879 06 May 10 สร้าง poll แบบสำรวจ ด้วย ajax ใน jQuery อย่างง่าย อ่าน 3992 20 Aug 10 การสร้าง popup ที่แตกต่าง ด้วยวิธี showModalDialog อ่าน 4714 22 Oct 08 คำสั่ง SQL GROUP BY อ่าน 5653 25 Sep 08 การกำหนด selectors ด้วย jQuery แบบตัวกรองพื้นฐาน อ่าน 2700 02 Apr 10 สร้าง layout 3 คอลัมน์ column ให้ สูงเท่ากัน ด้วย เทคนิค css อ่าน 4586 29 Dec 10 เพิ่มเติม การใช้งาน popup แบบ showModalDialog อย่างสมบูรณ์ อ่าน 4011 18 Jun 10 การใช้งาน live และ die ใน jQuery 1.4 อ่าน 3035 10 May 10 แก้ปัญหา ปุ่ม back ปุ่ม forward กับการใช้งาน ajax โหลดหน้าเพจ ด้วย jQuery plugin อย่างง่าย อ่าน 3213 19 Mar 10 ทบทวน คุณสมบัติ สี color และ พื้นหลัง background property ของ CSS อ่าน 3508 16 Dec 11 ใช้ jQuery กับ CSS สร้างเมนูย่อย แนวนอน รูปแบบคล้ายแท็บเมนู อ่าน 1205 25 Sep 08 PHP MySQL connecting script and function อ่าน 2370 09 Nov 11 แนวทางการสร้างเมนูหลายภาษา อย่างง่ายด้วย php และ javascript อ่าน 924 07 Dec 09 การเลื่อน scrollbar อัตโนมัติตาม การเลื่อนขึ้นลง ของ mouse ด้วย jQuery อ่าน 2906 05 Nov 10 แนวทาง ประยุกต์ กำหนด event ให้กับ jQuery UI datepicker อ่าน 2370 09 Jul 10 เพิ่มความเร็ว ให้กับการ cache ด้วย jquery ajax และ php cache class อ่าน 2265