CSS inset-block-end özelliği

Tanım ve Kullanım

inset-block-end Özelliği belirtilmelidir.

Dikkat:Bu özelliğin etkili olabilmesi için, elementin blok yönündeki ucunun ebeveyn öğesi ile arasındaki mesafeyi belirten position Özellikleri

CSS'nin inset-inline ve inset-block Özellikleri CSS'nin üst,alt,sol ve sağ Özellikler çok benzerdir, ancak inset-block ve inset-inline Özellik, blok yönü ve satır yönüne bağlıdır.

Dikkat:İlgili CSS Özellikleri writing-mode Blok yönünü tanımlar. Bu, bloğun başlangıç ve bitiş konumlarını ve inset-block-end Özelliğin sonucu. İngilizce sayfalar için, blok yönü aşağıya doğru, satır yönü soldan sağa doğru olur.

Örnek

Örnek 1

Belirli bir konumlandırılmış <div> elementinin blok yönündeki ucunun ebeveyn öğesi ile arasındaki mesafeyi ayarlayın:

div {
  inset-block-end: 50px;
}

Kişisel Deneyin

Örnek 2

<div> elementinin writing-mode Özellik değeri vertical-rl olarak ayarlandığında, blok yönü sağdan sola olacaktır. Sonuç olarak, elementin ucunun alttan soldağa doğru hareket etmesi sağlanır:

div {
  inset-block-end: 50px;
  writing-mode: vertical-rl;
}

Kişisel Deneyin

CSS Dilbilgisi

inset-block-end: auto|length|initial|inherit;

Özellik Değeri

Değer Açıklama
auto Varsayılan Değer. Elemanın varsayılan yerleştirme mesafesi.
length px, pt, cm gibi birimlerle mesafeyi belirtin. Negatif değerlere izin verilir. Bakınız:CSS Birimleri.
% Ebeveyn öğesine göre, ilgili eksen üzerindeki yüzdesel mesafeyi belirtir.
initial Bu özelliği, varsayılan değerine ayarlar. Bakınız initial.
inherit Bu özelliği, ebeveyn öğesinden miras alır. Bakınız inherit.

Teknik Ayrıntılar

Varsayılan Değer: auto
Miraslık: Hayır
Animasyon Yapımı: Desteği Var. Bakınız:Animasyon İle İlgili Özellikler.
Sürüm: CSS3
JavaScript Dilbilgisi: object.style.insetBlockEnd="100px"

Tarayıcı Desteği

Tablozdaki rakamlar, bu özelliği tam olarak destekleyen ilk tarayıcı sürümünü gösterir.

Chrome Edge Firefox Safari Opera
87.0 87.0 63.0 14.1 73.0

İlgili sayfalar

Eğitim:CSS Konumlandırma

Referans:CSS position özelliği

Referans:CSS writing-mode özelliği