এই নিবন্ধটি HTML এ ব্যবহারিক বাস্তবায়নের সাথে DOM উপাদান 'ক্লায়েন্টটপ' প্রদর্শন করে।
কিভাবে HTML এ DOM এলিমেন্ট “clientTop” ব্যবহার করবেন?
'ক্লায়েন্টটপ' বৈশিষ্ট্যটি ওয়েবপেজ তৈরি করার সময় HTML উপাদানগুলির বিন্যাস এবং অবস্থানের সাথে কাজ করার জন্য দরকারী। যা বিনিময়ে প্রতিক্রিয়াশীল এবং গতিশীল ওয়েবসাইট লেআউট তৈরি করতে সহায়তা করে
উদাহরণ
'ক্লায়েন্টটপ' সম্পত্তি সম্পর্কে আরও ভাল বোঝার জন্য আমাদের একটি উদাহরণ দেওয়া যাক। উদাহরণস্বরূপ, উপরের অবস্থান থেকে সীমানার ওজন এই উদাহরণে মূল্যায়ন করা হয়েছে:
< শরীর >
< h3 আইডি = 'উদাহরণ' > লিনাক্সহিন্ট দ্বারা প্রদত্ত নিবন্ধটি আরও ভাল ব্যাখ্যার জন্য < / h3 >
< / শরীর >
প্রথমে, ভিতরে ' ' ট্যাগ একটি তৈরি করুন ' ট্যাগ করুন এবং এটিতে কিছু ডামি ডেটা সরবরাহ করুন। এছাড়াও, 'এর একটি আইডি বরাদ্দ করুন উদাহরণ ' এর সাথে.
< শৈলী >
# উদাহরণ {
সীমান্ত : 2px কঠিন কালো;
প্যাডিং: 10px;
পটভূমি- রঙ : উজ্জল ধূসর;
}
< / শৈলী >
এর পরে, ভিতরে ' <স্টাইল> ' ট্যাগ নির্বাচন করুন ' উদাহরণ ' id এবং ' এর মান সেট করুন 2px কঠিন বন সবুজ 'এর কাছে' সীমান্ত 'সম্পত্তি। এছাড়াও, ' ব্যবহার করে কিছু মৌলিক স্টাইলিং প্রয়োগ করুন প্যাডিং ' এবং ' পেছনের রং ” ভাল ভিজ্যুয়ালাইজেশন উদ্দেশ্যে বৈশিষ্ট্য.
উপরে বর্ণিত কোডটি কার্যকর করার পরে, ওয়েবপৃষ্ঠাটি এইরকম প্রদর্শিত হবে:
আউটপুট দেখায় যে div এবং h3 উপাদানগুলি বেসিক স্টাইলিং সহ ওয়েব পেজে প্রদর্শিত হয়।
'ক্লায়েন্টটপ' সম্পত্তি ব্যবহার করুন
ব্যবহার করতে ' ক্লায়েন্টটপ এইচটিএমএল এলিমেন্টে প্রপার্টি, এর ভিতরে কোডের নিম্নলিখিত লাইন যোগ করুন