CSS offset-anchor প্রতিভা

  • পূর্ববর্তী পৃষ্ঠা offset
  • পরবর্তী পৃষ্ঠা offset-distance

বর্ণনা ও প্রয়োগ

offset-anchor প্রতিবেদন মানটি নির্দিষ্ট করা হলে, offset-path প্রতিবেদন মানটির নির্দিষ্ট পথের ওপর নির্দিষ্ট পথের পথের দিকে নির্দিষ্ট করা হয়,

যদি offset-rotate প্রতিবেদন মানটি নির্দিষ্ট করা হলে, offset-anchor প্রতিবেদন মানটি নির্দিষ্ট করা হলে, তা এবং পরিবর্তনকারী এলিমেন্টটির কেন্দ্র হবে。

উদাহরণ

ডিফল্ট মান: <img> এলিমেন্টের ডান কেন্দ্রকে নির্দিষ্ট পথের ওপর স্থানীয় করুন:

img {
  offset-path: path('M 50 80 C 150 -20 250 180 350 80');
  offset-anchor: right center;
}

স্বয়ংক্রিয়ভাবে প্রয়োগ করুন

CSS 语法

offset-anchor: auto|value|initial|inherit;

প্রতিবেদন মান

মান বর্ণনা
auto ডিফল্ট মান। অংশীদারটি এলিমেন্টের কেন্দ্রে অবস্থান করে, 50% 50% এবং প্রতিস্থাপন মানের সমতুল্য
  • left top
  • left center
  • left bottom
  • right top
  • right center
  • right bottom
  • center top
  • center center
  • center bottom
 যদি শুধুমাত্র একটি শব্দ নির্দিষ্ট করা হয়, তবে অন্যটি "center" হবে。
xpos ypos

প্রথম মানটি হল অনুভূমিক অবস্থান, দ্বিতীয়টি হল ভিক্টরিক অবস্থান。

ডানের উপরের কোণ 0 0।

ইউনিট পিক্সেল (0px 0px) বা অন্য কোনো CSS ইউনিট হতে পারে。

যদি শুধুমাত্র একটি মান নির্দিষ্ট করা হয়, তবে অন্যটি 50% হবে。

প্রতিটি মানকে % এবং অবস্থান মিশ্রণ করা যেতে পারে。
x% y%

প্রথম মানটি হল অনুভূমিক অবস্থান, দ্বিতীয়টি হল ভিক্টরিক অবস্থান。

ডানের উপরের কোণ 0% 0%। ডানের নিচের কোণ 100% 100%।

যদি শুধুমাত্র একটি মান নির্দিষ্ট করা হয়, তবে অন্যটি 50% হবে。

ডিফল্ট মান: 50% 50%。
initial এই বৈশিষ্ট্যটির মান তার ডিফল্ট মানে সংযোজিত করুন। দেখুন: initial。
inherit এই বৈশিষ্ট্যটি তার পিতৃত্ব এলিমেন্ট থেকে উত্তরসূরী করুন। দেখুন: inherit。

টেকনিক্যাল বিবরণ

ডিফল্ট মান: auto
উত্তরসূরী: না
এনিমেশন তৈরি: সমর্থন করে। দেখুন:এনিমেশন-সংক্রান্ত বৈশিষ্ট্য。
সংস্করণ： CSS3
JavaScript 语法： object.style.offsetAnchor="bottom right"

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

টেবিলের সংখ্যা এটি এই বৈশিষ্ট্যটি সম্পূর্ণভাবে সমর্থনকারী ব্রাউজারের সংস্করণটির জন্য

Chrome Edge Firefox Safari Opera
116 116 72 16 102

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

টিউটোরিয়াল:SVG পাথ

টিউটোরিয়াল:CSS এনিমেশন

উল্লেখ:CSS offset প্রতিভা

উল্লেখ:CSS offset-distance প্রতিভা

উল্লেখ:CSS offset-path প্রতিভা

উল্লেখ:CSS offset-position প্রতিভা

উল্লেখ:CSS offset-rotate প্রতিভা

  • পূর্ববর্তী পৃষ্ঠা offset
  • পরবর্তী পৃষ্ঠা offset-distance