Ek blok sonu - CSS Hileleri | CSS Almanak 2024

inset-block-endbir elemanın bitiş kenarından blok yönünde ofset uzunluğunu ayarlayan mantıksal bir CSS özelliğidir. Bu tür ilan benzeri var bottomunsuru en belirlenir bitiş noktası hariç direction, text-orientationve writing-modetıpkı diğer mantıksal özellikleri gibi.

Özellik, şu anda Editörün Taslak durumunda olan CSS Mantıksal Özellikleri ve Değerleri Seviye 1 spesifikasyonunun bir parçasıdır. Bu, onunla ilgili tanım ve bilgilerin şimdiki ve resmi tavsiye arasında değişebileceği anlamına gelir.

.element ( inset-block-end: 50px; position: relative; /* Apples to positioned elements */ writing-mode: vertical-rl; /* Determines the block start direction */ )

Yani, örneğin, yazma modu olarak ayarlanırsa özelliği gibi hareket edecek ve eleman alt kenardan ofset ayarlamasına. Tıpkı ve diğer fiziksel ofset özellikleri gibi, aynı öğe üzerinde etkili olması için bir açık belirtmeniz bile gerekir .horizontal-lrinset-block-endbottompositionbottom

Ancak, elemanın writing-modebenzerini değiştirin vertical-lrve "alt" kenar dikey yönde döndürülerek, daha çok rightözellik gibi davranın.

Sözdizimi

inset-block-end: ;

Başlangıç değeri: auto
Şunlar için geçerlidir: konumlandırılmış elemanlar
Devralındı: hayır
Yüzdeler: karşılık gelen fiziksel özellik için
Hesaplanan değer: karşılık gelen bottomözellik ile aynı
Animasyon türü: hesaplanan değer türüne göre

Değerler

inset-block-endbir uzunluk değeri alır ve genel anahtar kelimeleri destekler. Varsayılan değeri auto.

/* Length values */ inset-block-end: 50px; inset-block-end: 4em; inset-block-end: 3.5rem inset-block-end: 25vh; /* Percentage values */ inset-block-end: 50%; /* Keyword values */ inset-block-end: auto; /* initial value */ /* Global values */ inset-block-end: initial inset-block-end: inherit; inset-block-end: unset;