Majina ya offset-position ya CSS

Tazama: Pya za zamani
Pya zaidi offset-rotate

Muundo na matumizi

offset-position Ina kiwango cha kwanza cha kufikia kwenye njia ya kushika cha kifaa cha kufikia kwenye njia ya kushika.

Kama hauwezi kuwa na kiwango cha kwanza cha kushika cha kifaa cha kufikia kwenye njia ya kushika, hata hivi sasa, Pya za zamani Kama hawajafikirwa kiwango cha kwanza cha kushika cha mifano wa kifaa cha kufikia kwenye njia ya kushika, hata hivi sasa, offset-position inayowakilisha kiwango cha kwanza cha kufikia kwenye njia ya kushika.

Mfano

Mfano 1

Leojea la kikuu cha kwanza kwa kiwango cha kufikia kuingia kwenye nchi ya kusini kwenye kushika:

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

Jifunze tena

例子 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);
}

Jifunze tena

Inayofuata Kiingilizi:

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

Kiwango cha sababu

Kiwango	Maelezo
normal	Inasababisha kumkinga chini ya eneo la kina kina cha kiwango cha kina kina kwa eneo la kina kina cha 50% 50%. Chaguo cha kuzingatia.
auto	Inasababisha kumkinga chini ya eneo la kina kina cha kiwango cha kina kina kwa eneo la kina kina.
kina kina	Inasababisha kumkinga kiwango cha x/y, kumwengia kina kina kwa eneo la kina kina cha kiwango. Inaweza kutumiwa 1 hadi 4 kiwango kuihakikiwa kufafanisha eneo.
initial	Inaingia kiwango cha kuzingatia kwa sababu ya kina kina. Tazama: initial.
inherit	Inaingia katika kiwango cha kuzingatia kwa sababu ya kina kina. Tazama: inherit.

Mafano ya habari ya mawasiliano

Chaguo cha kuzingatia:	normal
Inaingia:	Hapana
Hali ya huzuni:	Inaonyesha:Mafano ya hali ya huzuni.
Juzi:	CSS3
Inayofuata Kiingilizi:	object.style.offsetPosition="auto"