కోర్సు సమయం

CSS రిఫరెన్స్ హ్యాండ్బుక్

CSS అంశం

ఒప్పంద కోర్సులు

కోర్సు సిఫార్సు చేస్తున్నాము:

CodeW3C.com బేబ్స్ బోక్స్

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

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

నిర్వచనం మరియు వినియోగం

border-inline-end-style అంశం సెట్ చేస్తుంది లోపలి దిశలో అంశం చర్యాశైలి.

CSS యొక్క border-inline-end-style అంశం మరియు border-bottom-style、border-left-style、border-right-style 和 border-top-style అంశం చాలా సమానంగా ఉంది కానీ border-inline-end-style అంశం లోపలి దిశకు ఆధారపడి ఉంటుంది.

注意：相关的 CSS 属性 writing-mode、text-orientation 和 direction 定义了行内方向。这会影响一行的起始和结束位置，以及 border-inline-end-style లక్షణ ఫలితం. ఇంగ్లీష్ పేజీలో, లోపలి దిశ ఎడమ నుండి కుడికి, బ్లాక్ దిశ క్రిందకు ఉంటుంది.

ఉదాహరణ

ఉదాహరణ 1

లోపలి దిశలో బార్డర్ ప్రారంభం మరియు ముగింపు స్థానాలకు స్టైల్ సెట్ చేయండి:

div {
  border-inline-end-style: dotted;
}

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

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

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

div {
  writing-mode: vertical-rl;
  border-inline-end-style: dotted;
}

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

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

లోపలి దిశలో బార్డర్ ప్రారంభం మరియు ముగింపు స్థానాలు ఈ లక్షణం ద్వారా నిర్దేశించబడతాయి. direction లక్షణ ప్రభావం:

div {
  direction: rtl;
  border-inline-end-style: dotted;
}

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

CSS సంకేతాలు

border-inline-end-style: none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset|initial|inherit;

లక్షణ విలువ

విలువ	వివరణ
none	అప్రమేయ విలువ. బార్డర్ లేదు నిర్దేశించండి.
hidden	none తో సమానం, కానీ పట్టిక పద్ధతిలో వ్యత్యాసం ఉంటుంది.
dotted	పంక్తి బార్డర్ నిర్దేశించండి.
dashed	వికర్ణం బార్డర్ నిర్దేశించండి.
solid	అనుక్రమంగా బార్డర్ నిర్దేశించండి.
double	ద్విరేఖ బార్డర్ నిర్దేశించండి.
groove	3D లోపల కనిపించే బార్డర్ నిర్దేశించండి. ప్రభావం బార్డర్-కలర్ విలువకు ఆధారపడి ఉంటుంది.
ridge	3D ఎక్కువగా కనిపించే బార్డర్ నిర్దేశించండి. ప్రభావం బార్డర్-కలర్ విలువకు ఆధారపడి ఉంటుంది.
inset	3D లోపల కనిపించే బార్డర్ నిర్దేశించండి. ప్రభావం బార్డర్-కలర్ విలువకు ఆధారపడి ఉంటుంది.
outset	3D బయటకు కనిపించే బార్డర్ నిర్దేశించండి. ప్రభావం బార్డర్-కలర్ విలువకు ఆధారపడి ఉంటుంది.
initial	ఈ లక్షణాన్ని అప్రమేయ విలువకు సెట్ చేయండి. చూడండి: initial.
inherit	ఈ లక్షణాన్ని అప్రమేయ విలువకు సెట్ చేయండి. చూడండి: inherit.

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

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