CSS right özelliği
Tanım ve kullanım
right özelliği, elemanın sağ kenarını tanımlar. Bu özellik, konumlandırılmış elemanın sağ dış kenar çerçevesinin içerik çubuğu sağ kenarı ile arasındaki kaymayı tanımlar.
Yorum:Eğer "position" özelliğinin değeri "static" ise, "right" özelliği hiçbir etki yaratmaz.
Açıklama
Static elemanlar için auto; uzunluk değerleri için ilgili mutlak uzunluk; yüzdelik değerler için belirtilen değer; aksi takdirde auto.
Relatif tanımlanmış elemanlar için, left hesaplanmış değeri her zaman right'e eşittir.
Ayrıca bkz:
CSS dersleri:CSS konumlandırma
HTML DOM referans el kitabı:right özelliği
Örnek
Resmin sağ kenarını içeren öğenin sağ kenarına 5 piksel sola ayarlamak:
img
{
position:absolute;
right:5px;
}
CSS dilbilgisi
right: auto|length|initial|inherit;
Özellik değeri
| Değer | Açıklama |
|---|---|
| oto | Varsayılan değer. Tarayıcı tarafından sağ kenar konumu hesaplanır. |
| % | Elemanın sağ kenar konumunu içerirken elemanın yüzdesini kullanarak ayarlamak. Negatif değerler kullanılabilir. |
| length | px, cm gibi birimlerle elemanın sağ kenar konumunu ayarlamak. Negatif değerler kullanılabilir. |
| inherit | right özelliğinin değerini ebeveyn öğesinden miras alması gerektiğini belirtir. |
Teknik ayrıntılar
| Varsayılan değer: | oto |
|---|---|
| Geçirsizlik: | hayır |
| Sürüm: | CSS2 |
| JavaScript dilbilgisi: | object.style.right="50px" |
Daha fazla örnek
- Resmin sağ kenarını sabit değer kullanarak ayarlamak
- Bu örnek, resmin sağ kenarını sabit değer kullanarak nasıl ayarlandığını gösterir.
- Resmin sağ kenarını yüzde kullanarak ayarlamak
- Bu örnek, resmin sağ kenarını yüzde değerleri kullanarak nasıl ayarlandığını gösterir.
Tarayıcı desteği
Tablodaki rakamlar, bu özelliği tam olarak destekleyen ilk tarayıcı sürümünü belirtmektedir.
| Chrome | IE / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| 1.0 | 5.5 | 1.0 | 1.0 | 5.0 |
