CSS right Özelliği

CSS right

Css right özelliği ile position değeri static olmayan elemanların konumlandırma işlemleri yapılabilir.Bir html elemanının pozisyonunu değiştirebilmek için öncelikle position:static olan varsayılan değerinden kurtulması gerekir.

Örnek:

Bu örnekte biri diğerini kapsayan bir iki div elementi bulunmaktadır. rightözelliğini kullanılabilmesi için küçük kutunun position değeri "absolute"olarak uygulanmıştır.

div.relative { position: relative; width: 300px; height: 250px; border: 2px solid black; } div.absolute { position: absolute; right: 100px; width: auto; height: auto; border: 1px solid black; background-color: yellow; }

CSS right nedir nasıl kullanılır

Durağan konumda olmayan html elemanlarının içinde bulundukları kapsayıcının sağ kenarından olan uzaklığını tanımlamamızı sağlayan css özelliğidir.

CSS right CSS right özellikleri  
Varsayılan Değer: auto  
Kalıtsallık: yok  
Animasyon Özelliği: var
Versiyon: CSS2  
JavaScript right: object.style.right="200px"

CSS right Tarayıcı Desteği

CSS Kodu:
right 1.0 5.5 1.0 1.0 5.0

CSS right Değerleri

right: auto|length|initial|inherit;

CSS right özelliği değerleri

CSS right değerleri CSS right değerleri tanımları CSS örnek uygulamalar
auto Tarayıcıların ayarladığı varsayılan değeridir.
length Px cm gibi değer girilir.
% Yüzde değeri olarak değer girilir.
initial Özelliğin varsayılan değeridir.
inherit Kalıtsal olarak aldığı değerdir.  

Yorumlar

Popüler yayınlar

CSS justify-content Özelliği

HTML Yorumlar

CSS content Özelliği

CSS align-items özelliği

CSS text-decoration Özelliği

CSS flex-basis Özelliği

CSS text-align Özelliği

CSS background-repeat Özelliği

Javascript ile neler yapılabilir

CSS border-bottom Özelliği