From 218934fa2ed1c702a6d3923d2aa2cc6b43c48684 Mon Sep 17 00:00:00 2001 From: Peter Bengtsson Date: Tue, 8 Dec 2020 14:43:23 -0500 Subject: initial commit --- files/tr/web/css/right/index.html | 157 ++++++++++++++++++++++++++++++++++++++ 1 file changed, 157 insertions(+) create mode 100644 files/tr/web/css/right/index.html (limited to 'files/tr/web/css/right/index.html') diff --git a/files/tr/web/css/right/index.html b/files/tr/web/css/right/index.html new file mode 100644 index 0000000000..3c5c003132 --- /dev/null +++ b/files/tr/web/css/right/index.html @@ -0,0 +1,157 @@ +--- +title: right +slug: Web/CSS/right +translation_of: Web/CSS/right +--- +
{{CSSRef}}
+ +

Özet

+ +

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

+ +

{{Cssxref("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 {{cssxref("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 {{cssxref("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.

+ +

{{cssinfo}}

+ +

Yazım

+ +
Formal syntax: {{csssyntax("right")}}
+
+ +
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 {{cssxref("<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. {{cssxref("<percentage>")}}. 
+
auto
+
Is a keyword that represents: +
    +
  • for absolutely positioned elements, the position the element based on the {{Cssxref("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 {{Cssxref("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 {{cssxref("<length>")}}, {{cssxref("<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>
+
+ +

{{LiveSampleLink('Examples', 'Example Demo Link')}}

+ +

Specifications

+ + + + + + + + + + + + + + + + + + + + + +
SpecificationStatusComment
{{SpecName('CSS3 Transitions', '#animatable-css', 'right')}}{{Spec2('CSS3 Transitions')}}Defines right as animatable.
{{SpecName('CSS2.1', 'visuren.html#propdef-right', 'right')}}{{Spec2('CSS2.1')}} 
+ +

Browser compatibility

+ +
{{CompatibilityTable}}
+ +
+ + + + + + + + + + + + + + + + + + + +
FeatureChromeFirefox (Gecko)Internet ExplorerOperaSafari
Basic support1.0{{CompatGeckoDesktop("1")}}5.55.01.0
+
+ +
+ + + + + + + + + + + + + + + + + + + +
FeatureAndroidFirefox Mobile (Gecko)IE PhoneOpera MobileSafari Mobile
Basic support1.0{{CompatGeckoMobile("1")}}6.06.01.0
+
-- cgit v1.2.3-54-g00ecf