కోర్సు సమయం

సిఎస్ఎస్ రిఫరెన్స్ మాన్యువల్

CSS అంశం

选修课

课程推荐：

CodeW3C.com బాగాలు

CSS బొర్డర్‌ఇన్లైన్‌ఎండ్ అట్రిబ్యూట్

上一页 border-inline-color
下一页 border-inline-end-color

定义和用法

border-inline-end 属性是以下属性的简写：

border-inline-end-width（行内结束边框宽度）
border-inline-end-style（行内结束边框样式）
border-inline-end-color（行内结束边框颜色）

CSS 的 border-inline-end 属性与 border-bottom、border-left、border-right మరియు border-top 属性非常相似，但 border-inline-end 属性依赖于行内方向。

注意：相关的 CSS 属性 writing-mode、text-orientation మరియు direction పద్ధతి ని నిర్దేశిస్తుంది. ఇది ఒక పంక్తి యొక్క ప్రారంభం మరియు ముక్తి స్థానాలను ప్రభావితం చేస్తుంది మరియు border-inline-end లక్షణానికి పరిణామం. ఇంగ్లీష్ పేజీలలో, పద్ధతి లో ప్రవాహం ఎడమ నుండి కుడికి, బ్లాక్ లో ప్రవాహం పై నుండి క్రిందకు.

ఉదాహరణ

ఉదాహరణ 1

పద్ధతి లో ముక్తి ప్రాంతం లో బార్డర్ వెడల్పు, రంగు మరియు స్టైల్ అమర్చండి:

div {
  border-inline-end: 10px solid pink;
}

స్వయంగా ప్రయత్నించండి

ఉదాహరణ 2: writing-mode లక్షణంతో కలిసి

పద్ధతి లో ముక్తి ప్రాంతం యొక్క స్థానం పారంపర్యం అంశం ప్రభావితం అవుతుంది writing-mode లక్షణానికి ప్రభావం:

div {
  writing-mode: vertical-rl;
  border-inline-end: 5px solid blue;
}

స్వయంగా ప్రయత్నించండి

ఉదాహరణ 3: direction లక్షణంతో కలిసి

పద్ధతి లో ముక్తి ప్రాంతం యొక్క స్థానం పారంపర్యం అంశం ప్రభావితం అవుతుంది direction లక్షణానికి ప్రభావం:

div {
  direction: rtl;
  border-inline-end: 5px solid hotpink;
}

స్వయంగా ప్రయత్నించండి

CSS సంకేతాలు

border-inline-end: border-inline-end-width border-inline-end-style border-inline-end-color|initial|inherit;

లక్షణాన్ని విలువ

విలువ	వివరణ
border-inline-end-width	నిర్దేశించబడిన కొన్ని ఉపాంగం లో పద్ధతి లో ముక్తి ప్రాంతం లో బార్డర్ వెడల్పు. అప్రమేయ విలువ "medium".
border-inline-end-style	నిర్దేశించబడిన కొన్ని ఉపాంగం లో పద్ధతి లో ముక్తి ప్రాంతం లో బార్డర్ స్టైల్. అప్రమేయ విలువ "none".
border-inline-end-color	నిర్దేశించబడిన కొన్ని ఉపాంగం లో పద్ధతి లో ముక్తి ప్రాంతం లో కింది రంగు. అప్రమేయ విలువ ప్రస్తుత కింది రంగు.

విలువ

వివరణ

border-inline-end-width

నిర్దేశించబడిన కొన్ని ఉపాంగం లో పద్ధతి లో ముక్తి ప్రాంతం లో బార్డర్ వెడల్పు.

అప్రమేయ విలువ "medium".

border-inline-end-style

నిర్దేశించబడిన కొన్ని ఉపాంగం లో పద్ధతి లో ముక్తి ప్రాంతం లో బార్డర్ స్టైల్.

అప్రమేయ విలువ "none".

border-inline-end-color

నిర్దేశించబడిన కొన్ని ఉపాంగం లో పద్ధతి లో ముక్తి ప్రాంతం లో కింది రంగు.

అప్రమేయ విలువ ప్రస్తుత కింది రంగు.

సాంకేతిక వివరాలు

initial	ఈ లక్షణాన్ని అప్రమేయ విలువకు అమర్చండి. చూడండి: initial。
inherit	ఈ లక్షణాన్ని తన పూర్వ ఉపాంగం నుండి పారంపర్యం చేసుకుంది. చూడండి: inherit。
అప్రమేయ విలువ	medium none currentcolor
పారంపర్యం అంశం:	ఏ
అనిమేషన్ తయారీ:	మద్దతు ఉంది. దయచేసి చూడండి:అనిమేషన్ సంబంధిత లక్షణాలు。
వెర్షన్：	CSS3
జావాస్క్రిప్ట్ సంకేతాలు：	object.style.borderInlineEnd="pink dotted 5px"