<img> ট্যাগ
সেভ করা পৃষ্ঠা গুছিয়ে রাখতে 'সংগ্রহ' ব্যবহার করুন
আপনার পছন্দ অনুযায়ী কন্টেন্ট সেভ করুন ও সঠিক বিভাগে রাখুন।
<img>
ট্যাগগুলিতে width
এবং height
বৈশিষ্ট্যগুলি সেট করা লেআউট পরিবর্তন প্রতিরোধে সহায়তা করে। এই তথ্যটি ব্রাউজারটিকে ছবির জন্য সঠিক পরিমাণ স্থান সংরক্ষণ করতে দেয়।
width
এবং height
বৈশিষ্ট্যগুলি সেট করুন: এই বৈশিষ্ট্যগুলির মানগুলি চিত্রটির মাত্রাগুলির সাথে মেলে (অর্থাৎ, এটির অন্তর্নিহিত আকার ) - চিত্রটি প্রদর্শিত হবে এমন মাত্রাগুলির পরিবর্তে সেট করা উচিত৷
প্রয়োজন অনুসারে চিত্রের স্টাইলিং সামঞ্জস্য করুন: চিত্রের বিদ্যমান স্টাইলের উপর নির্ভর করে, width
এবং height
বৈশিষ্ট্যগুলি যোগ করার ফলে চিত্রটি ভিন্নভাবে রেন্ডার হতে পারে। অনেক ক্ষেত্রে, বিদ্যমান স্টাইলিংয়ে height: auto
বা width: auto
যোগ করে এটি ঠিক করা যেতে পারে।
পূর্ববর্তী CSS স্টাইলিং | পরিবর্তন |
---|
img { প্রস্থ: 100%; } | img { প্রস্থ: 100%; উচ্চতা: স্বয়ংক্রিয়; } |
img { সর্বোচ্চ-প্রস্থ: 100%; } | img { সর্বোচ্চ-প্রস্থ: 100% উচ্চতা: স্বয়ংক্রিয়; } |
img { উচ্চতা: 100%; } | img { উচ্চতা: 100%; প্রস্থ: স্বয়ংক্রিয় } |
এইচটিএমএল
<img width="267" height="400" src="dog.jpg">
অন্য কিছু উল্লেখ না করা থাকলে, এই পৃষ্ঠার কন্টেন্ট Creative Commons Attribution 4.0 License-এর অধীনে এবং কোডের নমুনাগুলি Apache 2.0 License-এর অধীনে লাইসেন্স প্রাপ্ত। আরও জানতে, Google Developers সাইট নীতি দেখুন। Java হল Oracle এবং/অথবা তার অ্যাফিলিয়েট সংস্থার রেজিস্টার্ড ট্রেডমার্ক।
2024-03-13 UTC-তে শেষবার আপডেট করা হয়েছে।
[[["সহজে বোঝা যায়","easyToUnderstand","thumb-up"],["আমার সমস্যার সমাধান হয়েছে","solvedMyProblem","thumb-up"],["অন্যান্য","otherUp","thumb-up"]],[["এতে আমার প্রয়োজনীয় তথ্য নেই","missingTheInformationINeed","thumb-down"],["খুব জটিল / অনেক ধাপ","tooComplicatedTooManySteps","thumb-down"],["পুরনো","outOfDate","thumb-down"],["অনুবাদ সংক্রান্ত সমস্যা","translationIssue","thumb-down"],["নমুনা / কোড সংক্রান্ত সমস্যা","samplesCodeIssue","thumb-down"],["অন্যান্য","otherDown","thumb-down"]],["2024-03-13 UTC-তে শেষবার আপডেট করা হয়েছে।"],[],[]]