CSS padding-block-end özelliği

Önceki sayfa padding-block
Sonraki sayfa padding-block-start

Tanım ve Kullanım

Öğesinin padding-block-end özelikle, elementin kenarı ile içerik arasındaki boşluğu blok yönteminde bitiş noktasına kadar gösterir.

CSS padding-block ve padding-inline Özellikleri CSS Özellikleri padding-top,padding-bottom,padding-left ve padding-right oldukça benzer, ancak padding-block ve padding-inline Özellik, blok yöntemi ve satır içi yöntemine bağlıdır.

Dikkat:İlgili CSS Özelliklerini writing-mode Block yöntemini tanımlar. Bu, bloğun başlangıç ve bitiş konumlarını ve padding-block Özellikin sonucu. İngilizce sayfalar için, blok yöntemi aşağıya doğru, satır içi yöntemi soldan sağa doğru olur.

Örnek

Örnek 1

Block yönteminin bitişinde iç boşluk ayarlar:

p {
  padding-block-end: 35px;
}

Kişisel Deneyim

Örnek 2

div elementinin writing-mode Attribute değerleri vertical-rl olarak ayarlandığında, blok yöntemi sağdan sola olur. Sonuç olarak, elementin bitiş konumu alttan sola taşınır:

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

Kişisel Deneyim

CSS Dilbilgisi

padding-block-end: auto|value|initial|inherit;

Özellik Değeri

Değer	Açıklama
auto	Varsayılan. Elementin varsayılan padding-block-end değeri.
length	px, pt, cm gibi birimlerle padding-block-end belirlenir. Negatif değerlere izin verilmez. Ayrıca bakınız:CSS Birimleri.
%	Padding-block-end, ebeveyn elementinin satır içi yöndeki boyutunun yüzdesiyle belirlenir.
initial	Bu özelliği varsayılan değerine ayarlar. Ayrıca bakınız: initial.
inherit	Bu özelliği ebeveyn elementinden miras alır. Ayrıca bakınız: inherit.

Teknik Ayrıntılar

Varsayılan Değer:	auto
Miras:	Hayır
Animasyon Yapımı:	Destekleniyor. Ayrıca bakınız:Animasyon İle İlgili Özellikler.
Sürüm:	CSS3
JavaScript Dilbilgisi:	object.style.paddingBlockEnd="100px"