clip বৈশিষ্ট্য
clip বৈশিষ্ট্যটি একটি সম্পূর্ণরূপে অবস্থানযুক্ত উপাদান কাটা সম্ভব করে, শুধুমাত্র নির্দিষ্ট আয়তক্ষেত্রাকার এলাকাটি দৃশ্যমান রেখে।
মানটি rect ফাংশন ব্যবহার করে নির্দিষ্ট করা হয়।
বাক্য গঠন
সিলেক্টর {
clip: rect(শীর্ষ, ডান, নীচ, বাম) | auto;
}
ছবি প্রস্তুত করা
ধরুন আমাদের কাছে প্রকৃতির একটি ছবি আছে যেটি আমরা কাটব:
<img src="image.jpg" width="500">
:
উদাহরণ
ছবিটি কেটে শুধুমাত্র কেন্দ্রীয় অংশটি দৃশ্যমান রাখি:
<div class="container">
<img class="image" src="image.jpg">
</div>
.container {
position: relative;
width: 400px;
height: 300px;
}
.image {
position: absolute;
clip: rect(50px, 350px, 250px, 50px);
width: 400px;
height: 300px;
}
:
