CSS border-block-end-width özelliği
- Önceki Sayfa border-block-end-style
- Sonraki Sayfa border-block-start
tanım ve kullanım
blok yönünü tanımlar. Bu, bloğun başlangıç ve bitiş konumlarını ve
özelliği ayarlamak için
özellik blok yönüne bağlıdır.özellik ayarlamak için blok yönünü tanımlar. Bu, bloğun başlangıç ve bitiş konumlarını ve
özellik etkili olmalı, border-block-end-style
özellikleri.
özellikleri ile blok yönünü tanımlar. Bu, bloğun başlangıç ve bitiş konumlarını ve
CSS özellikleri
border-left-widthborder-bottom-width
border-left-width,
border-right-width ve
border-top-width blok yönünü tanımlar. Bu, bloğun başlangıç ve bitiş konumlarını ve
özellikler çok benzerdir, ancak
özellik blok yönüne bağlıdır.dikkat: blok yönü son kenarlık genişliği konumu
ilgili CSS özelliklerini etkiler blok yönünü tanımlar. Bu, bloğun başlangıç ve bitiş konumlarını ve
border-block-end-width
özellik sonuçları. İngilizce sayfalar için, satır içi yön sağdan sola, blok yönü aşağıya doğrudır.
örnek
örneğin 1
özellik etkisi: div { blok yönü son kenarlık genişliğini ayarlar: border-block-end-width: 5px;
border-block-end-width: 10px;
örneğin 2: writing-mode özelliği ile birleştirme blok yönü son kenarlık genişliği konumu
writing-mode
özellik etkisi: div { border-block-end-style: solid; writing-mode: vertical-rl; border-block-end-width: 5px;
kendiniz deneyin
CSS dilbilgisiuzunlukborder-block-end-width: orta|ince|kalın|
|initial|geçiş|;
özellik değeri | değer |
---|---|
orta | tanım |
orta genişlikli kenarlık belirtir. Varsayılan değer. | ince kenarlık belirtir. |
ince kenarlık belirtir. | kalın kenarlık belirtir. |
uzunluk | sizin kenarlık kalınlığını tanımlamanıza izin verir. Bakınız:CSS Birimleri. |
initial | bu özelliği varsayılan değerine ayarlar. Bakınız initial. |
geçiş | bu özelliği ebeveyn elementinden miras alır. Bakınız geçiş. |
teknik ayrıntılar
varsayılan değer: | orta |
---|---|
geçişlilik: | hayır |
animasyon yapımı: | desteklenir. Bakınız:animasyonla ilgili özellikler. |
sürüm: | CSS3 |
JavaScript dilbilgisi: | object.style.borderBlockEndWidth="10px" |
tarayıcı desteği
tablodaki rakamlar, bu özelliği tam olarak destekleyen ilk tarayıcı sürümünü gösterir.
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
69.0 | 79.0 | 41.0 | 12.1 | 56.0 |
ilgili sayfalar
dersCSS 边框
Referans:CSS border özelliği
Referans:CSS border-block özelliği
Referans:CSS border-block-end özelliği
Referans:CSS border-block-end-style özelliği
Referans:CSS border-block-start-width özelliği
Referans:CSS border-bottom-width özelliği
Referans:CSS border-left-width özelliği
Referans:CSS border-right-width özelliği
Referans:CSS border-top-width özelliği
Referans:CSS writing-mode özelliği
- Önceki Sayfa border-block-end-style
- Sonraki Sayfa border-block-start