CSS బార్డర్ ఇన్లైన్ స్టార్ట్ స్టైల్ అట్రిబ్యూట్
- ముందు పేజీ border-inline-start-color
- తదుపరి పేజీ border-inline-start-width
定义和用法
border-inline-start-style
属性设置元素在行内方向起始处的边框样式。
CSS 的 border-inline-start-style
属性与 border-bottom-style
、border-left-style
、border-right-style
和 border-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 డయరెక్షన్ అట్రిబ్యూట్
- ముందు పేజీ border-inline-start-color
- తదుపరి పేజీ border-inline-start-width