CSS clip অপারেটর

  • পূর্বপাতা clear
  • পরবর্তী পৃষ্ঠা clip-path

定义和用法

clip 属性剪裁绝对定位元素。

当一幅图像的尺寸大于包含它的元素时会发生什么呢？"clip" 属性允许您规定一个元素的可见尺寸，这样此元素就会被修剪并显示为这个形状。

description

এই প্রতিভা একটি কাটা বর্গ নির্ধারণ করতে ব্যবহৃত হয়। একটি অবস্থানভিত্তিক ইলেকট্রনের ক্ষেত্রে, এই বর্গের মধ্যে থাকা কনটেন্টটি দেখা যাবে। এই কাটা অঞ্চলের বাইরে থাকা কনটেন্টটি overflow এর মান অনুযায়ী হস্তক্ষেপ করা হবে। কাটা অঞ্চলটি কনটেন্ট অঞ্চলের থেকে বড় হতে পারে, কিংবা ছোট হতে পারে。

另请参阅：

CSS 教程：CSS 定位

HTML DOM 参考手册：clip 属性

实例

剪裁图像：

img
  {
  position:absolute;
  clip:rect(0px,60px,200px,0px);
  }

亲自试一试

CSS 语法

clip: auto|shape|initial|inherit;

attribute value

value description
shape ইলেকট্রনের আকৃতি নির্ধারণ। একমাত্র বৈধ আকৃতি মানটি: rect (top, right, bottom, left)
auto ডিফল্ট মান। কোনও কাটা অ্যাপলিকেশন না করা。
inherit পারিত হওয়ার নির্দেশ: ক্লিপ এটি পারিত হওয়ার জন্য পিতৃত্বকের ক্লিপ এটির মান পারিত করা উচিত。

প্রযুক্তিগত বিবরণ

ডিফল্ট মান: auto
পুনর্বহূক্তি: no
সংস্করণ: CSS2
JavaScript 语法： object.style.clip="rect(0px,50px,50px,0px)"

আরও উদাহরণ

ইলেকট্রনের আকৃতি নির্ধারণ
এই উদাহরণ থেকে দেখা যায় কিভাবে একটি ইলেকট্রনের আকৃতি নির্ধারণ করা যায়। এই ইলেকট্রনটি আকৃতিতে কাটা হয়, এবং তা প্রদর্শিত হয়。

ব্রাউজার সমর্থন

টেবিলের সংখ্যা থেকে যে এটি সম্পূর্ণভাবে সমর্থিত প্রথম ব্রাউজার সংস্করণটি উল্লেখ করা হয়েছে。

Chrome IE / Edge Firefox Safari Opera
1.0 8.0 1.0 1.0 7.0
  • পূর্বপাতা clear
  • পরবর্তী পৃষ্ঠা clip-path