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

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

offset-position এই বৈশিষ্ট্যটি প্রথমিক অবস্থানকে পথের উপর নির্ধারণ করে

যদি offset-path যদি ফাংশনটি নিজের প্রথমিক অবস্থানকে নির্ধারণ করে না তবে offset-position এর মান প্রথমিক অবস্থানকে নির্ধারণ করে, যখন এলাকা অবস্থান পথে গতিবিধি করছে।

একটি উদাহরণ

উদাহরণ 1

বিন্যাসিত তৈরীর প্রাথমিক অবস্থান ডান দিকের নিচে থাকা উচিত:

#square {
  width: 60px;
  height: 60px;
  background: blue;
  offset-position: bottom right;
  offset-path: ray(45deg);
}

আপনার নিজেই চেষ্টা করুন

例子 2

查看不同的偏移起始位置：

#square1 {
  width: 40px;
  height: 40px;
  background: pink;
  text-align:center;
  offset-position: bottom right;
  offset-path: ray(45deg);
}
#square2 {
  width: 40px;
  height: 40px;
  background: red;
  text-align:center;
  offset-position: top right;
  offset-path: ray(25deg);
}
#square3 {
  width: 40px;
  height: 40px;
  background: yellow;
  text-align:center;
  offset-position: normal;
  offset-path: ray(45deg);
}
#square4 {
  width: 40px;
  height: 40px;
  background: cyan;
  text-align:center;
  offset-position: auto;
  offset-path: ray(95deg);
}
#square5 {
  width: 40px;
  height: 40px;
  background: lavender;
  text-align:center;
  offset-position: 30% 70%;
  offset-path: ray(120deg);
}

আপনার নিজেই চেষ্টা করুন

CSS বিন্যাস

offset-position: auto|normal|position|initial|inherit;

বৈশিষ্ট্য মান

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

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

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

相关页面

教程：SVG 路径

教程：CSS 动画

参考：CSS offset প্রতিশব্দ

参考：CSS offset-anchor প্রতিশব্দ

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

参考：CSS offset-path প্রতিশব্দ

参考：CSS offset-rotate প্রতিশব্দ