CSS offset-distance প্রতিশব্দ

বিবরণ ও ব্যবহার

offset-distance অ্যাট্রিবিউটটি উপাদানকে offset-path অ্যাট্রিবিউট দ্বারা নির্দিষ্ট পাথের শুরুতের মধ্যে দূরত্ব

উদাহরণ

<img> উপাদানটি তার নির্দিষ্ট পাথের উপর স্থাপন করা হয়েছে, পাথের শুরুতে থেকে 33% দূরত্বে।

img {
  offset-path: path('M 50 80 C 150 -20 250 180 350 80');
  offset-distance: 33%;
}

আপনার হাতে চাপানো

CSS য়াদুর্বীন কথা

offset-distance: auto|length|initial|inherit;

অ্যাট্রিবিউট মান

মান বর্ণনা
0 উপাদানটি পাথের শুরুতে স্থাপন করা হয়েছে। ডিফল্ট মান。
length

স্থায়ী ইউনিট (যেমন px, pt, cm ইত্যাদি) দিয়ে উপাদানকে পাথ শুরুতের সাথে দূরত্ব নির্দিষ্ট করুন。

নেতিবাচক মান অনুমদিত নয়। দেখুন:CSS ইউনিট。
% পাথ দূরত্বের সম্পর্কে প্রতিশত দূরত্ব নির্দিষ্ট করুন。
initial এই অ্যাট্রিবিউটটিকে তার ডিফল্ট মানে সম্পূর্ণ করুন। দেখুন initial。
inherit এই অ্যাট্রিবিউটটি তার পিতৃত্ব সম্পর্কিত উপাদান থেকে উত্তরাধিকার করে নেয়। দেখুন inherit。

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

ডিফল্ট মান: 0
পুনর্বিন্যস্তকরণযোগ্যতা: না
অ্যানিমেশন তৈরি: সমর্থন করা হয়েছে। দেখুন:অ্যানিমেশন সম্পর্কিত অ্যাট্রিবিউট。
সংস্করণ: CSS3
JavaScript য়াদুর্বীন কথা: object.style.offsetDistance="200px"

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

সারণীতে সমস্ত ব্রাউজারের সম্পূর্ণ সমর্থনকারী সংস্করণ বহুমুখী প্রতিযোগী ব্রাউজারগুলোর প্রথম সংস্করণ সম্পর্কে সংখ্যা দেখানো হয়েছে。

Chrome Edge Firefox Safari Opera
55 79 72 16 42

সংশ্লিষ্ট পৃষ্ঠা

শিক্ষা:SVG পাথ

শিক্ষা:CSS এনিমেশন

সূত্র:CSS offset প্রতিশব্দ

সূত্র:CSS offset-anchor প্রতিশব্দ

সূত্র:CSS offset-path প্রতিশব্দ

সূত্র:CSS offset-position প্রতিশব্দ

সূত্র:CSS offset-rotate প্রতিশব্দ