CSS బొర్డర్-బ్లాక్-ఎండ్ అట్రిబ్యూట్

ముందుపేజీ border-block-color
తదుపరి పేజీ border-block-end-color

定义和用法

border-block-end 属性是以下属性的简写形式：

లక్షణాలు ఈ లక్షణాలకు సరళీకరించబడిన రూపం ఉన్నాయి: border-block-end CSS లక్షణాలు CSS యొక్కborder-leftborder-bottomborder-left, border-right మరియు border-top border-block-end లక్షణం బహుశా సమానంగా ఉండవచ్చు, కానీ

లక్షణం బ్లాక్ దిక్షాను ఆధారంగా ఉంటుంది.గమనిక: writing-mode బ్లాక్ దిక్షను నిర్వచిస్తుంది. ఇది బ్లాక్ యొక్క ప్రారంభం మరియు ముగింపు స్థానాలను ప్రభావితం చేస్తుంది మరియు సంబంధిత CSS లక్షణాలను ప్రభావితం చేస్తుంది border-block-end లక్షణం ఫలితం. ఇంగ్లీష్ పేజీలో, ఇన్లైన్ దిక్షం ఎడమ నుండి కుడికి, బ్లాక్ దిక్షం క్రిందకు ఉంటుంది.

ఉదాహరణ

ఉదాహరణ 1

బ్లాక్ దిక్షలో బార్డర్ యొక్క వెడల్పు, రంగు మరియు శైలిని నిర్దేశించండి:

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

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

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

బ్లాక్ దిక్షలో బార్డర్ యొక్క స్థానాన్ని ప్రభావితం చేస్తుంది writing-mode లక్షణం ప్రభావం:

div {
  writing-mode: vertical-rl;
  border-block-end: dotted blue;
}

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

CSS సంకేతాలు

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

లక్షణ విలువ

విలువ	వివరణ
border-block-end-width	బ్లాక్ దిక్షలో ఎలిమెంట్ యొక్క బార్డర్ వెడల్పును నిర్దేశించండి. మూల విలువ "medium".
border-block-end-style	బ్లాక్ దిక్షలో ఎలిమెంట్ యొక్క బార్డర్ శైలిని నిర్దేశించండి. మూల విలువ "none".
border-block-end-color	బ్లాక్ దిక్షలో ఎలిమెంట్ యొక్క బార్డర్ రంగును నిర్దేశించండి. మూల విలువ బార్డర్ యొక్క ప్రస్తుత రంగు.
initial	ఈ లక్షణాన్ని దాని మూల విలువకు సెట్ చేయండి. చూడండి: initial.
inherit	ఈ లక్షణాన్ని తన ముందస్తు ఎలిమెంట్ నుండి పారంపర్యం చేసుకుంది. చూడండి: inherit.

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

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