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

Önceki sayfa border-inline-end-color
Sonraki sayfa border-inline-end-width

Tanım ve kullanım

ve öğelerin satır içi yönelim ucundaki kenar çizim tarzını ayarlar.

CSS'nin ve Özellik border-bottom-styledikkat:border-left-styledikkat:border-right-style ile border-top-style Özellikler çok benzer, ancak ve Özellikler satır içi yönelime bağlıdır.

注意：注意： Örnek 2: writing-mode özelliği ile birleştirmedikkat:ilgili CSS özelliklerini ile Örnek 3: direction özelliği ile birleştirme text-orientation ve İçerik yönünü tanımlar. Bu, bir satırın başlangıç ve bitiş konumlarını ve

border-inline-end-style

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

Örnek

direction
  div {
direction: rtl;

border-inline-end-style: dotted;

Örnek 1

İçerik yönü sonundaki kenar çizgilerine stil uygulamak için: Örnek 2: writing-mode özelliği ile birleştirme İçerik yönü başlangıç ve bitiş kenar çizgilerinin konumu

direction
  İçerik yönü bitiş kenar çizgilerinin konumu
  div {
direction: rtl;

border-inline-end-style: dotted;

writing-mode

writing-mode: vertical-rl; Örnek 3: direction özelliği ile birleştirme İçerik yönü başlangıç ve bitiş kenar çizgilerinin konumu

direction
  Özellik etkisi:
  div {
direction: rtl;

border-inline-end-style: dotted;

}

Kişisel olarak deneyin

CSS dilbilgisi

border-inline-end-style: none\|hidden\|dotted\|dashed\|solid\|double\|groove\|ridge\|inset\|outset\|initial\|inherit;	Özellik değeri
none	Değer
Açıklama	Varsayılan değer. Kenar çizgisi olmaksızın belirtir.
hidden	Dokumsuz ile aynı, ancak tablo öğesinin kenar çizgisi çatışma çözümünde farklıdır.
dashed	Dokumsuz kenar çizgisi belirtir.
solid	Sıradan kenar çizgisi belirtir.
double	Çift çizgi kenar çizgisi belirtir.
groove	3D çentik kenar çizgisi belirtir. Etki, border-color değerine bağlıdır.
ridge	3D yükseltme kenar çizgisi belirtir. Etki, border-color değerine bağlıdır.
inset	3D içe doğru kenar çizgisi belirtir. Etki, border-color değerine bağlıdır.
outset	3D dışa doğru kenar çizgisi belirtir. Etki, border-color değerine bağlıdır.
initial	Bu özelliği varsayılan değerine ayarlar. Bakınız initial.
inherit	Bu özelliği ebeveyn öğesinden devralır. Bakınız inherit.

Teknik ayrıntılar

Varsayılan değer:	none
Devralabilirlik:	Hayır
Animasyon yapımı:	Desteklenmiyor. İçin bakınız:Animasyonla ilgili özellikler.
Sürüm:	CSS3
JavaScript dilbilgisi:	object.style.borderInlineEndStyle="dotted"