block-size
Özelliği Temel Özellikler
- CSS Yazımı :
block-size: <uzunluk>;
- Örnek :
block-size: 13%;
||block-size: 10rem;
- Öntanımlı Değer :
auto
- Uygulanabilen Etiketler :
width
Özelliği veheight
Özelliği ile aynı davranır.- Kalıtsallık :
- Yok.
- Tarayıcı Desteği :
Deneysel Özellik !
- Animasyon :
- Desteklenmiyor
animation
Özelliği - Javascript :
öge.style.blockSize = "40px";
- Sürüm :
- CSS Logical Properties and Values Level 1
- Açıklama :
block-size
Özelliği Kullanımı
Markanız için 300X300 alan.
CSS block-size
özelliği; ögenin yatay ve dikey boyutlarını yazma kipine göre belirler. Yazma kipinin (writing-mode
) değerine bağlı olarak, genişlik veya yükseklik özelliğine karşılık gelir.
Eğer yazma kipi dikey ise block-size
özelliği ögenin genişliği gibi davranır, değilse ögenin yüksekliği gibi davranır. "Gibi davranılan" özellik, ögenin diğer boyutun belirleyen inline-size
özelliği'dir.
block-size
Özelliği Tarayıcı Desteği
Tarayıcı →Özellik ↓ | |||||
---|---|---|---|---|---|
Temel Destek | 38 - 51 [1] 41 |
Yok | Yok | Yok | Yok |
Tarayıcı →Özellik ↓ | |||||
---|---|---|---|---|---|
Temel Destek | 38 - 51 [1] 41 |
Yok | Yok | Yok | Yok |
[1] Sürüm 38'den 51'e kadar (51 dışında): Bu özellik için layout.css.vertical-text.enabled
bayrağı true
olarak ayarlanmalı. Firefox seçimleri about:config
sayfasından değiştirilir.
block-size
Özelliğinin Alabileceği Değerler
<uzunluk>
width
Özelliği veheight
Özelliği ile kullanılın tüm değerlerblock-size
ile de kullanılabilir.