Drop Down MenusCSS Drop Down MenuPure CSS Dropdown Menu

Friday, December 2, 2011

Border Code ၶွပ်ႇၶႅပ်ႇၶႅပ်းႁၢင်ႈ/လိၵ်ႈ

မႂ်ႇသုင်ၶႃႈ
တႆးၵေႃႉၸိူဝ်းသူင်ၸႂ်သၢင်ႈဝႅပ်ႉသၢႆႉတ် လႄႈ ပလွၵ်ႉႁဝ်းၶဝ်ၶႃႈၼေႃႈ။ မိူဝ်ႈၼႆႉၶႃႈႁဝ်းတေမႃး
ၸႅၵ်ႇၽေၼေပၼ်လွၵ်းလၢႆးႁဵတ်းၶွပ်ႇၶႅပ်ႇၶႅပ်းႁၢင်ႈႁိုဝ်မူႇလိၵ်ႈႁိုဝ်ၼႆၶႃႈဢေႃႈ။ ပေႃးတူၺ်းမၼ်း တႄႉလႅပ်ႈငၢႆႈယူႇၼႆသေတႃႉ၊ ပေႃးတေႁုမႃးႁဵတ်းတေႉတေႉၼႆႁဵတ်းဢမ်ႇပဵၼ်ၵေႃႈၸၢင်ႈ ပဵၼ်ၶႃႈ ဢေႃႈ။
Border ၶွပ်ႇၶႅပ်ႇၼႆႉ ၸိူဝ်းတႆးၵေႃႉႁဝ်းၶဝ်မေႃလႅၼ်ႇလီၼၼ်ႉတေၶူဝ်ၼႃႈၶႃႈလဵၼ်ႈႁိုဝ် ဢမ်ႇႁူႉ၊ ၵူၺ်းဢမ်ႇပဵၼ်သင်ဝႆႉဝၢင်းၸႂ်ဝႃႈ တွၼ်ႈပၼ်တႆးၵေႃႉႁဝ်းၶဝ်ၸိူဝ်းပႆႇမေႃၼၼ်ႉသေယဝ်ႉ
ၶႃႈၼေႃႈ။ မိူၼ်ၵဝ်ႇၶႃႈ "ဢမ်ႇယၢပ်ႇသင်" ဢဝ် Code မၼ်းသႂ်ႇလူင်းၵႂုႇသေႁဵတ်းဢဝ် ၵူၺ်းၵေႃႈလႆႈ ယဝ်ႉဢေႃႈ။

Code မၼ်းတႄႉမီးတီႈတၢင်းတႂ်ႈၼႆႉၶႃႈ။ ။
လိူၵ်ႈဢဝ်ၶႃႈလႄႈ။ ။ဢၼ်လူဝ်ႇဝႆႉသတိတူၺ်းပၼ်ၼႆႉပဵၼ် Width: height: border: ၸိူဝ်းၼႆႉၶႃႈဢေႃႈ ၵၢမ်ႇလီသေၵမ်းၶႃႈ

(1)

<div style="width:200px;height:100px;border:1px solid blue;">တႅမ်ႈလိၵ်ႈႁိုဝ်သႂ်ႇၶႅပ်းႁၢင်ႈတီႈၼႆႈ</div>

ႁၢင်ႈၽၢင်မၼ်း


ဝၼ်းၼိုင်ႈသူတေပွင်ႇၸႂ်မႃးယူႇ

(2)
<div style="border: 2px dotted blue; height: 100px; width: 200px;">တႅမ်ႈလိၵ်ႈႁိုဝ်သႂ်ႇၶႅပ်းႁၢင်ႈတီႈၼႆႈ</div>

ႁၢင်ႈၽၢင်မၼ်း

ဝၼ်းၼိုင်ႈတေပွင်ႇၸႂ်မႃးယူႇ

(3)
<div style="border: 2px dashed blue; height: 100px; width: 200px;">တႅမ်ႈလိၵ်ႈႁိုဝ်သႂ်ႇၶႅပ်းႁၢင်ႈတီႈၼႆႈ</div>

ႁၢင်ႈၽၢင်မၼ်း

ဝၼ်းၼိုင်ႈတေပွင်ႇၸႂ်မႃးယူႇ

(4)

<div style="border: 2px outset blue; height: 100px; width: 200px;">တႅမ်ႈလိၵ်ႈႁိုဝ်သႂ်ႇၶႅပ်းႁၢင်ႈတီႈၼႆႈ</div>


ႁၢင်ႈၽၢင်မၼ်း

ဝၼ်းၼိုင်ႈတေပွင်ႇၸႂ်မႃးယူႇ

(5)

<div style="border: 2px inset blue; height: 100px; width: 200px;">တႅမ်ႈလိၵ်ႈႁိုဝ်သႂ်ႇၶႅပ်းႁၢင်ႈတီႈၼႆႈ</div>


ႁၢင်ႈၽၢင်မၼ်း

တၢင်းၶတ်းၸႂ်ဢၼ်ဝႃႈၼၼ်ႉ
ပဵၼ်ယႃႇယုမၢၵ်ႈမီးဢိူဝ်ႈ

(6)

<div style="border: 2px groove blue; height: 100px; width: 200px;">တႅမ်ႈလိၵ်ႈႁိုဝ်သႂ်ႇၶႅပ်းႁၢင်ႈတီႈၼႆႈ</div>


ႁၢင်ႈၽၢင်မၼ်း

လွင်ႈပွင်ႇၸႂ်ဢမ်ႇၸႂ်ႈလွင်ႈငၢႆႈငၢႆႈ

(7)

<div style="border: 2px double blue; height: 100px; width: 200px;">တႅမ်ႈလိၵ်ႈႁိုဝ်သႂ်ႇၶႅပ်းႁၢင်ႈတီႈၼႆႈ</div>


ႁၢင်ႈၽၢင်မၼ်း

လွင်ႈပွင်ႇၸႂ်ဢမ်ႇၸႂ်ႈလွင်ႈငၢႆႈငၢႆႈ
(8)

<div style="border: 2px ridge blue; height: 100px; width: 200px;">တႅမ်ႈလိၵ်ႈႁိုဝ်သႂ်ႇၶႅပ်းႁၢင်ႈတီႈၼႆႈ</div>

ႁၢင်ႈၽၢင်မၼ်း

လွင်ႈပွင်ႇၸႂ်ဢမ်ႇၸႂ်ႈလွင်ႈငၢႆႈငၢႆႈ

(9)

<div style="border-color: blue; border-style: dotted dashed solid double; border-width: 6px; height: 100px; width: 200px;">တႅမ်ႈလိၵ်ႈႁိုဝ်သႂ်ႇၶႅပ်းႁၢင်ႈတီႈၼႆႈ</div>



ႁၢင်ႈၽၢင်မၼ်း

ႁႂ်ႈၵၢမ်ႇလီသေၵမ်းၶႃႈ

ၶွင်ထႅမ်လိူဝ်// သင်ၸိူဝ်ႈဝႃႈၶႂ်ႈႁႂ်ႈမၼ်းတူၵ်းယူႇၼႂ်းဝူင်ႈၵၢင်ႈမၼ်းၼႆ 

<center>....Code ဝႆႉၼႂ်းဝူင်ႈၵၢင်ၼႆႉ....</center>

ပိူင်တႅၵ်ႈမၼ်း

<center><div style="border: 2px ridge blue; height: 100px; width: 200px;">လွင်ႈပွင်ႇၸႂ်ဢမ်ႇၸႂ်ႈလွင်ႈငၢႆႈငၢႆႈ</div></center>

ႁၢင်ႈၽၢင်မၼ်းတေဢွၵ်ႇမႃးမိူၼ်ၼႆ




ႁႂ်ႈယူႇလီမီးငိုၼ်း
ၵၼ်ၵူႈၵေႃႉသေၵမ်းၶႃႈ




No comments:

Post a Comment