Hisia cha CSS right

Muonekano na Matumizi

right property inaelewa kama upo wa kulia wa kiini. Inadefini ukumbi wa kiini cha nje ya kina kinacholoksha na kina cha kawaida cha kina cha kawaida.

KumwambiaKama thamani ya kiini ya "position" inaingia kama "static", kumeweka thamani ya right hakinasababishwa kina yoyote.

Maelezo

Kwa kiini kinachotumia maelezo ya kawaida, thamani ya kawaida ya right inaingia kama thamani ya kawaida; kwa thamani ya uenezi, inaingia kama thamani ya kawaida; kwa thamani ya asilimia, inaingia kama thamani ya kawaida; n.k.

Kwa kiini kinachotumia maelezo ya kiini, thamani ya kawaida ya left inaelewa kama thamani ya right.

Tazama pia:

Mafunzo ya CSS:Muonekano wa CSS

Mafunzo ya HTML DOM:right property

Mfano

Inaweza kutumia upo wa kulia wa kiini cha kawaida kumeweka upo wa kulia kwa picha kwa 5 pixel kutoka upo wa kulia wa kiini cha kawaida:

img
  {
  position:absolute;
  right:5px;
  }

Tukio lake linalotumika

Inafaa kumtumia kiini cha CSS:

right: auto|length|initial|inherit;

Thamani ya kiini

Thamani Maelezo
auto Thamani ya kawaida. Inaweza kutumia thamani ya kwanza ya upo wa kulia kwa browser.
% Inaweza kutumia asilimia ya kwanza ya kiini kumeweka upo wa kulia kwa kiini. Inaweza kutumia thamani ya namba za kididivu.
length Inayoweza kutumia uenezi wa px, cm kama vigezo kumeweka upo wa kulia kwa kiini. Inaweza kutumia thamani ya namba za kididivu.
inherit Inayoweza kutumia thamani ya kwanza ya right kutoka kwa kiini cha upya.

Mifano ya teknolojia

Thamani ya kawaida: auto
Ukumu: no
Sanaa: CSS2
Inafaa kumtumia kiini cha JavaScript: object.style.right="50px"

Mifano mingine

Kutumia thamani ya kawaida kumeweka upo wa kulia kwa picha
Mfano huu unayonyesha kama unaweza kutumia thamani ya kawaida kumeweka upo wa kulia kwa picha.
Kutumia asilimia kumeweka upo wa kulia kwa picha
Mfano huu unayonyesha kama unaweza kutumia fadhi ya asilimia kumeweka upo wa kulia kwa picha.

mifano ya browser

maneno ya tabia huzingatia kufikia kwa sababu ya browser ya kwanza inayosukumwa hii sababu.

Chrome IE / Edge Firefox Safari Opera
1.0 5.5 1.0 1.0 5.0