CSS padding-block-start özelliği

Önceki sayfa padding-block-end
Sonraki sayfa padding-bottom

Tanımı ve Kullanımı

Elementin padding-block-start Blok yönündeki başlangıç yerinde, kenarlıkten içeriğe olan boşluğu tanımlar.

CSS padding-block ve padding-inline Özellikleri CSS özellikleri padding-top,padding-bottom,padding-left ve padding-right Çok benzer, ancak padding-block ve padding-inline Özellik, blok yönü ve satır içi yönüne bağlıdır.

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

Örnek

Örnek 1

Blok yönündeki başlangıç yerinde iç boşluk ayarlanır:

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

Kişisel Deneyim

Örnek 2

<div> elementinin writing-mode Özellik değeri vertical-rl olarak ayarlandığında, blok yönü sağdan sola doğru olur. Sonuç olarak, elementin başlangıç konumu üstten sağa doğru taşınır:

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

Kişisel Deneyim

CSS Dilbilgisi

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

Özellik Değeri

Değer	Açıklama
auto	Varsayılan. Elementin varsayılan padding-block-start değeri.
length	px, pt, cm gibi birimlerle padding-block-start belirlenir. Negatif değerlere izin verilmez. Ayrıca bakınız:CSS Birimleri.
%	Padding-block-start, 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 devralır. Ayrıca bakınız: inherit.

Teknik Ayrıntılar

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