MDN wants to learn about developers like you: https://qsurvey.mozilla.com/s3/MDN-dev-survey

This translation is incomplete. Please help translate this article from English.

Özet

Bu CSS değeri pozisyonlanan elemanların yerleştirilmesinde rol alır.

position: absolute or position: fixed olarak yerleştirilmiş elemanların sağ marjin kenarı ile bu elemanı barındıran elemanın sağ kenarı arasındaki mesafeyi belirler.

right değerinin pozisyonlanmamış elemanlar üzerinde etkisi yoktur.

Hem right hem de left değerleri tanımlanmış ise, elemanın pozisyonu gereğinden daha detaylı tanımlanmış olarak kabul edilir. Bu durumda, barındıran elemanın metin yerleşimi soldan sağa ise left değeri, sağdan sola ise right değeri geçerli kabul edilir. Soldan sağa yerleşimlerde right değeri -left, sağdan sola yerleşimlerde left değeri -right olarak tekrar hesaplanır.

Initial valueauto
Applies topositioned elements
Inheritedno
Percentagesrefer to the width of the containing block
Mediavisual
Computed valueif specified as a length, the corresponding absolute length; if specified as a percentage, the specified value; otherwise, auto
Animatableyes, as a length, percentage or calc(); when both values are lengths, they are interpolated as lengths; when both values are percentages, they are interpolated as percentages; otherwise, both values are converted into a calc() function that is the sum of a length and a percentage (each possibly zero), and these calc() functions have each half interpolated as real numbers.
Canonical orderthe unique non-ambiguous order defined by the formal grammar

Yazım

Formal syntax: <length> | <percentage> | auto
right: 3px         /* <uzunluk> değeri */
right: 2.4em

right: 10%         /* barındıran bloğun yüzdesi olarak */

right: auto

right: inherit

Değerler

<uzunluk>
Negatif, null veya pozitif <length> değerdir.
  • Kesin yerleştirilen elemanlar için barındıran bloğun sağ kenarına olan mesafeyi belirler;
  • Göreceli yerleştirilen elemanlar için, elemanın normal akış içerisinde yerleşim değeri uygulanmazken bulunacağı pozisyondan sağa doğru öteleneceği mesafeyi belirler.
<yüzde>
Uzunluk değerinin barındıran bloğun yüzdesi olarak ifadesidir. <percentage>
auto
Is a keyword that represents:
  • for absolutely positioned elements, the position the element based on the left property and treat width: auto as a width based on the content.
  • for relatively positioned elements, the right offset the element from its original position based on the left property, or if left is also auto, do not offset it at all.
inherit
Is a keyword indicating that the value is the same than the computed value from its parent element (which may not be its containing block). This computed value is then handled like it was a <length>, <percentage> or the auto keyword.

Examples

#example_3 {
  width: 600px;
  height: 400px;
  background-color: #FFC7E4;
  position: relative;
  top: 20px;
  left: 20px;
}

#example_4 {
  width:200px;
  height:200px;
  background-color: #FFD7C2;
  position:absolute;
  bottom:10px;
  right: 20px;
}
 <div id="example_3">Example 3</div>
 <div id="example_4">Example 4</div>

Example Demo Link

Specifications

Specification Status Comment
CSS Transitions
The definition of 'right' in that specification.
Working Draft Defines right as animatable.
CSS Level 2 (Revision 1)
The definition of 'right' in that specification.
Recommendation  

Browser compatibility

Feature Chrome Firefox (Gecko) Internet Explorer Opera Safari
Basic support 1.0 1.0 (1.7 or earlier) 5.5 5.0 1.0
Feature Android Firefox Mobile (Gecko) IE Phone Opera Mobile Safari Mobile
Basic support 1.0 1.0 (1) 6.0 6.0 1.0

Document Tags and Contributors

 Contributors to this page: Sebastianz, fscholz, mehmetavsar
 Last updated by: Sebastianz,