clip বৈশিষ্ট্য

clip বৈশিষ্ট্যটি একটি সম্পূর্ণরূপে অবস্থানযুক্ত উপাদান কাটা সম্ভব করে, শুধুমাত্র নির্দিষ্ট আয়তক্ষেত্রাকার এলাকাটি দৃশ্যমান রেখে। মানটি rect ফাংশন ব্যবহার করে নির্দিষ্ট করা হয়।

বাক্য গঠন

cssসিলেক্টর {
  clip: rect(শীর্ষ, ডান, নীচ, বাম) | auto;
}

ছবি প্রস্তুত করা

ধরুন আমাদের কাছে প্রকৃতির একটি ছবি আছে যেটি আমরা কাটব:

html<img src="image.jpg" width="500">

Результат:

উদাহরণ

ছবিটি কেটে শুধুমাত্র কেন্দ্রীয় অংশটি দৃশ্যমান রাখি:

html<div class="container">
  <img class="image" src="image.jpg">
</div>

css.container {
  position: relative;
  width: 400px;
  height: 300px;
}
.image {
  position: absolute;
  clip: rect(50px, 350px, 250px, 50px);
  width: 400px;
  height: 300px;
}

Результат:

আরও দেখুন