HTML width Attribute
အဓိပ္ပါယ်နှင့် အသုံးပြုမှု
ရည်ညွှန်းချက်သည် ဒြပ်စင် ၏ widthအကျယ်ကို pixels ဖြင့် သတ်မှတ်သည်။
မှတ်ချက်- ထည့်သွင်းသည့်ဒြပ်စင်များအတွက်၊ widthရည်ညွှန်းချက်အား
<input type="image">.
တွေပေါ့။
ရည်ညွှန်းချက်ကို အောက်ပါ widthဒြပ်စင်များတွင် အသုံးပြုနိုင်ပါသည်။
| ဒြပ်စင် | ဂုဏ်ရည် |
|---|---|
| <ကင်းဗတ်> | အကျယ် |
| <embed> | အကျယ် |
| <iframe> | အကျယ် |
| <img> | အကျယ် |
| <input> | အကျယ် |
| <object> | အကျယ် |
| <video> | အကျယ် |
ဥပမာများ
ကင်းဗတ်နမူနာ
အမြင့်နှင့် အကျယ် 200 pixels ရှိသော <canvas> ဒြပ်စင်တစ်ခု-
<canvas id="myCanvas" width="200" height="200" style="border:1px solid">
Embed Example
အမြင့်နှင့် အကျယ် 200 pixels ရှိသော flash ကာတွန်း
<embed src="helloworld.swf" width="200" height="200">
Iframe ဥပမာ
သတ်မှတ်ထားသော အမြင့်နှင့် အကျယ် 200 pixels ရှိသော <iframe>
<iframe src="/default.asp" width="200" height="200"></iframe>
Img ဥပမာ
အမြင့်နှင့် အကျယ် 42 ပစ်ဇယ်ရှိသော ရုပ်ပုံတစ်ပုံ-
<img src="smiley.gif" alt="Smiley face" height="42" width="42">
ထည့်သွင်းဥပမာ
အမြင့်နှင့် အကျယ် ရည်ညွှန်းချက်များဖြင့် ပုံတစ်ပုံကို တင်သွင်းရန် ခလုတ်အဖြစ် သတ်မှတ်ပါ-
<form action="/action_page.php">
First name: <input type="text" name="fname"><br>
Last name: <input type="text" name="lname"><br>
<input type="image" src="img_submit.gif" alt="Submit" width="48" height="48">
</form>
Object ဥပမာ
အမြင့်နှင့် အကျယ် 400 pixels ရှိသော ဖလက်ရှ်ကာတွန်း ကာတွန်း
<object data="helloworld.swf" width="400" height="400"></object>
ဗီဒီယို နမူနာ
သတ်မှတ်ထားသော အကျယ်နှင့် အမြင့်ရှိသော ဗီဒီယိုဖွင့်စက်-
<video width="320" height="240" controls>
<source src="movie.mp4" type="video/mp4">
<source src="movie.ogg" type="video/ogg">
Your browser does not support the video tag.
</video>
Browser ပံ့ပိုးမှု
widthရည်ညွှန်းချက်တွင် ဒြပ်စင်တစ်ခုစီအတွက် အောက်ပါဘရောက်ဆာ ပံ့ပိုးမှုပါရှိသည် ။
| Element | |||||
|---|---|---|---|---|---|
| canvas | 4.0 | 9.0 | 2.0 | 3.1 | 9.0 |
| embed | Yes | Yes | Yes | Yes | Yes |
| iframe | Yes | Yes | Yes | Yes | Yes |
| img | Yes | Yes | Yes | Yes | Yes |
| input | 1.0 | Yes | 16.0 | Yes | 1.0 |
| object | Yes | Yes | Yes | Yes | Yes |
| width | Yes | Yes | Yes | Yes | Yes |