CSS బార్డర్ ఇన్లైన్ స్టార్ట్ స్టైల్ అట్రిబ్యూట్

定义和用法

border-inline-start-style 属性设置元素在行内方向起始处的边框样式。

CSS 的 border-inline-start-style 属性与 border-bottom-styleborder-left-styleborder-right-styleborder-top-style 属性非常相似,但 border-inline-start-style 属性依赖于行内方向。

注意:相关的 CSS 属性 వ్రాస్తు దిశలో ప్రారంభం స్థానం లక్షణం ద్వారా నిర్ణయించబడతాయి.text-orientationవ్రాస్తు దిశలో ప్రారంభం మరియు ముగింపు స్థానాలు ఈ లక్షణం ద్వారా నిర్ణయించబడతాయి. 定义了行内方向。这会影响一行的起始和结束位置,以及 border-inline-start-style 属性的结果。对于英文页面,行内方向是从左到右,块方向是向下。

实例

ఉదాహరణ

ఉదాహరణ 1

లక్షణం ప్రభావం:
  direction: rtl;
border-inline-start-style: dotted;

}

వ్రాస్తు దిశలో ప్రారంభం స్థానం కినారలకు శెలవు నిర్దేశించండి:

ఉదాహరణ 2: writing-mode లక్షణంతో జత వ్రాస్తు దిశలో ప్రారంభం స్థానం లక్షణం ద్వారా నిర్ణయించబడతాయి. direction

లక్షణం ప్రభావం:
  writing-mode
  direction: rtl;
border-inline-start-style: dotted;

}

writing-mode: vertical-rl;

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

లక్షణం ప్రభావం:
  div {
  direction: rtl;
border-inline-start-style: dotted;

}

ప్రయత్నించండి

CSS సంకేతాలు

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

లక్షణ విలువ విలువ
నాన్ వివరణ
అప్రమేయం. కినారలు లేవు అని నిర్దేశించండి. హిడ్డెన్
నాన్ తో సమానం, కానీ టేబుల్ ఎలమెంట్ బారడర్ సంఘర్షణలో వ్యత్యాసం ఉంటుంది. డాట్ కినారలను నిర్దేశించండి.
డాష్ డాష్ కినారలను నిర్దేశించండి.
సోలిడ్ సాధారణ కినారలను నిర్దేశించండి.
డబుల్ డబుల్ కినారలను నిర్దేశించండి.
గ్రోవ్

3D లోపాంతిక కినారలను నిర్దేశించండి.

ఫలితం బారడర్-కలర్ విలువకు ఆధారపడి ఉంటుంది.

రిజ్డ్

3D పుట్టుబిగి కినారలను నిర్దేశించండి.

ఫలితం బారడర్-కలర్ విలువకు ఆధారపడి ఉంటుంది.

ఇన్సెట్

3D లోపాంతిక కినారలను నిర్దేశించండి.

ఫలితం బారడర్-కలర్ విలువకు ఆధారపడి ఉంటుంది.

ఆఉట్సెట్

3D పుట్టుబిగి కినారలను నిర్దేశించండి.

ఫలితం బారడర్-కలర్ విలువకు ఆధారపడి ఉంటుంది.

ఇనిషల్ ఈ లక్షణాన్ని అప్రమేయ విలువకు సెట్ చేయండి. దయచేసి ఈ కు పరిగణించండి: ఇనిషల్.
ఇన్హెరిట్ ఈ లక్షణాన్ని తన ప్రాతిపదికగా పారంపర్యం చేసుకుంటుంది. దయచేసి ఈ కు పరిగణించండి: ఇన్హెరిట్.

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

అప్రమేయం విలువ నాన్
పారంపర్యం కలిగి ఉంటుంది: సంఖ్యాలు లేదు
అనిమేషన్ తయారీ: మద్దతు లేదు. దయచేసి ఈ కు పరిగణించండి:అనిమేషన్ సంబంధిత లక్షణాలు.
సంస్కరణ: CSS3
జావాస్క్రిప్ట్ సంకేతాలు: object.style.borderInlineStartStyle="dotted"

బ్రౌజర్ మద్దతు

పట్టికలో ఉన్న సంఖ్యలు ఈ లక్షణాన్ని పూర్తిగా మద్దతు ఇస్తున్న ప్రయాణిక బ్రౌజర్ సంస్కరణను సూచిస్తాయి.

క్రోమ్ ఎడ్జ్ ఫైర్ఫాక్స్ సఫారీ ఆపెరా
69.0 79.0 41.0 12.1 56.0

సంబంధిత పేజీలు

పాఠ్యం:CSS బోర్డర్

సూచనలు:CSS బొర్డర్ అట్రిబ్యూట్

సూచనలు:CSS బొర్డర్-ఇన్లైన్ అట్రిబ్యూట్

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

సూచనలు:CSS బార్డర్ ఇన్లైన్ స్టార్ట్ స్టైల్ అట్రిబ్యూట్

సూచనలు:CSS బొర్డర్-బాటమ్-స్టైల్ అట్రిబ్యూట్

సూచనలు:CSS బార్డర్ లెఫ్ట్ స్టైల్ అట్రిబ్యూట్

సూచనలు:CSS బార్డర్ రైట్ స్టైల్ అట్రిబ్యూట్

సూచనలు:CSS బార్డర్ టాప్ స్టైల్ అట్రిబ్యూట్

సూచనలు:CSS డయరెక్షన్ అట్రిబ్యూట్

సూచనలు:CSS టెక్స్ట్-ఆరెంటేషన్ అట్రిబ్యూట్

సూచనలు:CSS వ్రాయింగ్-మోడ్ అట్రిబ్యూట్