CSS border-block-end-style özelliği

Tanım ve Kullanım

ilgili CSS özelliklerini etkiler özellikleri, elemanın blok yönlü sonundaki kenar çizim stilini ayarlamak için kullanılır.

CSS ilgili CSS özelliklerini etkiler özellikleri ile border-bottom-styleveborder-left-styleveborder-right-style ve border-top-style 属性非常相似，但 ilgili CSS özelliklerini etkiler 属性依赖于块方向。

Özellikler çok benzer, ancakBu özellik block yönüne bağlıdır. örneği 2：writing-mode özelliği ile birleştirme Dikkat: ilgili CSS özelliklerini etkiler Block yönünü tanımlar. Bu, bloğun başlangıç ve bitiş konumlarını ve

border-block-end-style

Sonuç. İngilizce sayfalar için, satır içi yön sağdan sola, blok yönü aşağıya doğrudır.

Örnek

writing-mode
  örneği 1
writing-mode: vertical-rl;

border-block-end-width: 5px;

Block yönü son kenar çizgisi tarzı ayarlamak için：

border-block-end-style: dotted; örneği 2：writing-mode özelliği ile birleştirme Block yönü son kenar çizgi tarzının konumu

writing-mode
  Özellik etkisi：
  div {
  border-block-end-style: solid;
writing-mode: vertical-rl;

border-block-end-width: 5px;

}

Kişisel olarak deneyin

CSS dilbilgisi

border-block-end-style: none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset|initial|inherit; 属性值
none 值
描述 Varsayılan değer. Kenar çizgisi olmayan belirleyin.
hidden none ile aynı, ancak tablo elementlerinin kenar çizgisi çatışma çözümünde farklıdır.
dashed Dashed çizgili kenar çizgisi belirleyin.
solid Düz çizgili kenar çizgisi belirleyin.
double Çift çizgili kenar çizgisi belirleyin.
groove

3D yuvarlak çizgili kenar çizgisi belirleyin.

Etki, border-color değerine bağlıdır.
ridge

3D çizgili kenar çizgisi belirleyin.

Etki, border-color değerine bağlıdır.
inset

3D içe gömülü kenar çizgisi belirleyin.

Etki, border-color değerine bağlıdır.
outset

3D dış çıkıntılı kenar çizgisi belirleyin.

Etki, border-color değerine bağlıdır.
initial Bu özelliği varsayılan değerine ayarlayın. Bakınız initial。
inherit Bu özelliği ebeveyn elementinden miras alır. Bakınız inherit。

Teknik ayrıntılar

Varsayılan değer： none
Mirasçılık： Hayır
Animasyon yapımı： no. animatable hakkında okuyun
Sürüm： CSS3
JavaScript dilbilgisi： object.style.borderBlockEndStyle="dotted"

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

İlgili sayfalar

教程：CSS Kenar

参考：CSS border özelliği

参考：CSS border-block özelliği

参考：CSS border-block-style özelliği

参考：CSS border-block-start-style özelliği

参考：CSS border-bottom-style özelliği

参考：CSS border-left-style özelliği

参考：CSS border-right-style özelliği

参考：CSS border-top-style özelliği

参考：CSS writing-mode özelliği