CSS border-bottom-width การกำหนดความหนาเฉพาะด้านให้กับเส้นกรอบ

Post a reply

Smilies
:icon_plusone: :like: :plusone: :gfb: :-D :) :( :-o 8O :? 8) :lol: :x :P :oops: :cry: :evil: :twisted: :roll: :wink: :!: :?: :idea: :arrow: :| :mrgreen: :angry: :baa: :biggrin:
View more smilies

BBCode is ON
[img] is ON
[flash] is OFF
[url] is ON
Smilies are ON

Topic review
   

Expand view Topic review: CSS border-bottom-width การกำหนดความหนาเฉพาะด้านให้กับเส้นกรอบ

CSS border-bottom-width การกำหนดความหนาเฉพาะด้านให้กับเส้นกรอบ

by GoB » 19/03/2015 5:34 pm

CSS border-bottom-width การกำหนดความหนาเฉพาะด้านให้กับเส้นกรอบ

การกำหนดลัษณะของเส้นขอบเฉพาะด้าน เป็นการเพิ่มความโดดเด่นให้กับเส้นขอบ ในด้านใดด้านหนึ่ง ซึ่งสามารถกำหนดได้ทั้งลักษณะของเส้น ไม่ว่าจะเป็นเส้นแบบจุด เส้นปะ เป็นต้น และสามารถกำหนดตำแหน่งและความหนาของเส้นได้ด้วย ซึ่งคำสั่งที่ใช้ในการกำหนดความหนาเฉพาะด้านของเส้นกรอบ เช่น

border-style: solid; กำหนดลักษณะของเส้นกรอบ เช่น solid , dotted , dashed
border-bottom-width: 15px; กำหนดตำแหน่งและความหนาของเส้น

ตัวอย่างโค้ดที่เขียน

Code: Select all

<html>
<head>
<style>
p  {
    border-style: solid;			//กำหนดลักษณะของเส้นแบบ solid
    border-bottom-width: 15px;		//กำหนดตำแหน่งของเส้นด้านล่าง  ความหนา 15px
}
</style>
</head>
<body>
<p>  CSS ย่อมาจาก Cascading style sheet  คือภาษาที่ใช้เป็นส่วนของการจัดรูปแบบการแสดงผลเอกสาร  HTML เช่น สีอักษร สีพิ้นหลัง ขนาดตัวอักษร จัดการเลย์เอ้าท์ ให้สวยงามและอื่นๆ ปัจจุบันที่ใช้กันคือ css3</p>
</body>
</html>
ผลลัพธ์ที่ได้
2015-03-10_17-10-34.jpg
2015-03-10_17-10-34.jpg (39.73 KiB) Viewed 1052 times
บทความที่เกี่ยวข้อง
บทที่ 2 CSS3 Borders ตอนที่1 ทำเส้นขอบให้โค้ง
บทที่ 4 CSS3 Text Effects ตอน 2 จัดข้อความไม่ให้ล้นกรอบ

Top