Örnek
Mutlak konumlu sağ kenarını ayarla <div> en yakın konumlandırılmış atası sağ kenarına solundaki eleman 20px:
div.absolute {
position: absolute;
right: 20px;
width: 200px;
height: 120px;
border: 3px solid #8AC007;
}
Kendin dene " Tanımı ve Kullanımı
kesinlikle yerleştirilmiş elemanlar için, sağ özelliği onun en yakın konumlandırılmış atası sağ kenarından sol / sağ için bir birim için bir eleman sağ kenarını belirler. Not: Bir mutlak konumlu eleman yok konumlandırılmış ataları varsa, bu sayfa kaydırma ile birlikte hareket belge gövdesini kullanır ve. Not: Bir "positioned" elemanı, pozisyon statik dışında bir şey biridir.
Göreli olarak konumlanan elemanları için, doğru mülkiyet hakkı normal pozisyonuna / sola bir birim için bir eleman sağ kenarını belirler.
Note: Eğer "position:static" , sağ mülkiyet hiçbir etkisi olmaz.
Varsayılan değer: | auto |
---|---|
Miras: | no |
canlandırılabilir: | yes. Read about animatable Try it |
Versiyon: | CSS2 |
JavaScript sözdizimi: | object .style.right="200px" Try it |
Tarayıcı Desteği
Tablodaki rakamlar tam özelliğini destekleyen ilk tarayıcı sürümü belirtin.
özellik | |||||
---|---|---|---|---|---|
right | 1.0 | 5.5 | 1.0 | 1.0 | 5.0 |
CSS sözdizimi
right: auto| Mülkiyet Değerler değer Açıklama Oynat auto tarayıcı sağ kenar konumunu hesaplamak sağlar. Bu varsayılan Oynat " length Negatif değerler izin vb px, cm, sağ kenar konumunu belirler Oynat " % öğeyi içeren% 'si olarak sağ kenar konumunu belirler. Negatif değerler izin verilen Oynat " initial varsayılan değerine bu özelliği ayarlar. İlk hakkında okuyun Oynat " inherit üst öğesinden bu özelliği devralır. Yaklaşık miras oku
İlgili Sayfalar
CSS öğretici: CSS Konumlandırma
CSS referansı: left property
CSS referansı: bottom property
CSS referansı: top property
HTML DOM referansı: right property