Style width বৈশিষ্ট্য
- পূর্ববর্তী পৃষ্ঠা whiteSpace
- পরবর্তী পৃষ্ঠা wordBreak
- একটি স্তর উপরে ফিরুন HTML DOM Style অবজেক্ট
বিবরণ ও ব্যবহার
width বৈশিষ্ট্য নির্ধারণ করা বা ফেরত দিন
width বৈশিষ্ট্যটি শুধুমাত্র ব্লক উপাদান বা যেকোনো সময় বা স্থায়ী অবস্থান বিশিষ্ট উপাদানের জন্য কার্যকরি। অতিরিক্ত কনটেন্টকে overflow বৈশিষ্ট্য এইভাবে হয়ে যায়।
সুঝাওয়া:ব্যবহার করুন height বৈশিষ্ট্য প্রতিষ্ঠা করা বা উপাদানের উচ্চতা ফেরত দিন
অন্যান্য দেখুন:
CSS শিক্ষাক্রম:CSS Dimension
CSS শিক্ষাক্রম:CSS ফ্রেমওয়ার্ক
CSS পরিচ্ছেদকwidth বৈশিষ্ট্য
উদাহরণ
উদাহরণ 1
ফলাফল <button> উপাদানের প্রস্থতা নির্ধারণ করুন:
document.getElementById("myBtn").style.width = "300px";
উদাহরণ 2
ফলাফল <div> উপাদানের প্রস্থতা পরিবর্তন করুন:
document.getElementById("myDIV").style.width = "500px";
উদাহরণ 3
ফলাফল <img> উপাদানের প্রস্থতা ও উচ্চতা পরিবর্তন করুন:
document.getElementById("myImg").style.height = "300px";
document.getElementById("myImg").style.width = "300px";
উদাহরণ 4
ফলাফল <img> উপাদানের প্রস্থতা:
alert(document.getElementById("myImg").style.width);
বিন্যাস
width বৈশিষ্ট্য ফেরত দিন:
object.style.width
width বৈশিষ্ট্য নির্ধারণ করুন:
object.style.width = "auto|length|%|initial|inherit"
বৈশিষ্ট্য মান
| মান | বর্ণনা |
|---|---|
| auto | ব্রাউজার প্রস্থতা নির্দেশ করে। ডিফল্ট。 |
| length | প্রস্থতা নির্দেশ করুন, যা দৈর্ঘ্য ইউনিটে মাপা। |
| % | পিতৃ উপাদানের প্রস্থতা নির্দেশ করুন, যা শতাংশে মাপা। |
| initial | এই বৈশিষ্ট্যটিকে তার ডিফল্ট মানে নিয়ে যান। দেখুন initial。 |
| inherit | এই বৈশিষ্ট্যটি পিতৃ উপাদান থেকে উত্তরণ করা হয়। দেখুন inherit。 |
প্রযুক্তিগত বিবরণ
| ডিফল্ট মান: | auto |
|---|---|
| ফলাফল: | শব্দসূচক, যা উপাদানের প্রস্থতা নির্দেশ করে。 |
| CSS সংস্করণ: | CSS1 |
ব্রাউজার সমর্থন
| Chrome | Edge | Firefox | স্যাফারি | ওপেরা |
|---|---|---|---|---|
| Chrome | Edge | Firefox | স্যাফারি | ওপেরা |
| সমর্থন | সমর্থন | সমর্থন | সমর্থন | সমর্থন |
- পূর্ববর্তী পৃষ্ঠা whiteSpace
- পরবর্তী পৃষ্ঠা wordBreak
- একটি স্তর উপরে ফিরুন HTML DOM Style অবজেক্ট
