CSS బార్డర్ ఇన్లైన్ స్టార్ట్ వెడిత్ అట్రిబ్యూట్
- ముంది పేజీ border-inline-start-style
- తరువాతి పేజీ border-inline-style
నిర్వచనం మరియు వినియోగం
లోపలి దిశను నిర్వచిస్తుంది. ఇది పంక్తి మొదటి మరియు చివరి స్థానాలను ప్రభావితం చేస్తుంది మరియు
అనునాని సెట్ ఇంటర్నల్ డైరెక్షన్ స్టార్ట్ పాయింట్ బోర్డర్ వెడిత్తు
గమనిక:దానిని చేయడానికి లోపలి దిశను నిర్వచిస్తుంది. ఇది పంక్తి మొదటి మరియు చివరి స్థానాలను ప్రభావితం చేస్తుంది మరియు
అనునాని అమలులోకి వస్తుంది, అది అమర్చాలి border-inline-start-style
属性。
CSS యొక్క లోపలి దిశను నిర్వచిస్తుంది. ఇది పంక్తి మొదటి మరియు చివరి స్థానాలను ప్రభావితం చేస్తుంది మరియు
లక్షణాలు border-bottom-width
,border-left-width
,border-right-width
text-orientation border-top-width
లక్షణాలు మరియు లోపలి దిశను నిర్వచిస్తుంది. ఇది పంక్తి మొదటి మరియు చివరి స్థానాలను ప్రభావితం చేస్తుంది మరియు
ఈ లక్షణం లోపలి దిశపై ఆధారపడి ఉంటుంది.
గమనిక:సంబంధిత CSS లక్షణాలు లోపలి దిశలో మొదటి స్థానాన్ని నిర్వచిస్తుంది.
,మరియు
text-orientation లోపలి దిశలో మొదటి మరియు చివరి స్థానాలలో బరువు రేఖల స్థానాన్ని నిర్వచిస్తుంది.
మరియు లోపలి దిశను నిర్వచిస్తుంది. ఇది పంక్తి మొదటి మరియు చివరి స్థానాలను ప్రభావితం చేస్తుంది మరియు
border-inline-start-width
లక్షణానికి ఫలితం. ఆంగ్ల పేజీలలో, లోపలి దిశ ఎడమ నుండి కుడికి, బ్లాక్ దిశ క్రిందకు ఉంటుంది.
ఉదాహరణ
ఉదాహరణ 1
లక్షణానికి ప్రభావం: writing-mode direction: rtl; border-inline-start-width: 10px;
లోపలి దిశలో మొదటి స్థానాన్ని బరువు రేఖల పొడవు సెట్ చేయండి:
ఉదాహరణ 2: writing-mode లక్షణాన్ని కలిపి వాడండి లోపలి దిశలో మొదటి స్థానాన్ని నిర్వచిస్తుంది.
direction
లక్షణానికి ప్రభావం: writing-mode border-inline-start-style: solid; writing-mode: vertical-rl; border-inline-start-width: 10px;
border-inline-start-width: 5px;
ఉదాహరణ 3: direction లక్షణాన్ని కలిపి వాడండి లోపలి దిశలో మొదటి మరియు చివరి స్థానాలలో బరువు రేఖల స్థానాన్ని నిర్వచిస్తుంది.
direction
లక్షణానికి ప్రభావం: div { direction: rtl; border-inline-start-width: 10px;
మీరు ప్రయత్నించండి
CSS సంకేతాలుపొడవుborder-inline-start-width: మధ్యమం|కనిష్టం|గరిష్టం|
|ఇనిశియల్|ఇన్హెరిట్;
లక్షణానికి విలువ | విలువ |
---|---|
మధ్యమం | వివరణ |
మధ్యమ బరువు రేఖను నిర్వచిస్తుంది. అప్రమేయం. | కనిష్ట బరువు రేఖను నిర్వచిస్తుంది. |
గరిష్ట బరువు | గరిష్ట బరువు రేఖను నిర్వచిస్తుంది. |
పొడవు | మీరు కింది విషయాన్ని నిర్వచించండి అనేది బరువు రేఖలను నిర్వచిస్తుంది. చూడండి:సిఎస్ఎస్ యూనిట్స్. |
ఇనిశియల్ | ఈ లక్షణాన్ని అప్రమేయ విలువకు సెట్ చేయండి. చూడండి: ఇనిశియల్. |
ఇన్హెరిట్ | ఈ లక్షణాన్ని తన ప్రాతిపదికగా స్వీకరించండి. చూడండి: ఇన్హెరిట్. |
సాంకేతిక వివరాలు
అప్రమేయం: | మధ్యమం |
---|---|
పారంపర్యం: | ఏ |
అనిమేషన్ తయారీ: | మద్దతు ఉంది. చూడండి:అనిమేషన్ సంబంధిత లక్షణాలు. |
వెర్షన్: | CSS3 |
జావాస్క్రిప్ట్ సంకేతాలు: | object.style.borderInlineStartWidth="10px" |
బ్రౌజర్ మద్దతు
పట్టికలోని సంఖ్యలు ఈ లక్షణాన్ని పూర్తిగా మద్దతు ఇచ్చే మొదటి బ్రౌజర్ వెర్షన్ని సూచిస్తాయి.
క్రోమ్ | ఎడ్జ్ | ఫైర్ఫాక్స్ | సఫారీ | ఒపెరా |
---|---|---|---|---|
69.0 | 79.0 | 41.0 | 12.1 | 56.0 |
సంబంధిత పేజీలు
సూచనలు:CSS బోర్డర్
సూచనలు:CSS బార్డర్ అట్రిబ్యూట్
సూచనలు:CSS బార్డర్-ఇన్లైన్ అట్రిబ్యూట్
సూచనలు:CSS బార్డర్-ఇన్లైన్-ఎండ్-వెయిద్దు అట్రిబ్యూట్
సూచనలు:CSS బార్డర్ ఇన్లైన్ స్టార్ట్ స్టైల్ అట్రిబ్యూట్
సూచనలు:CSS బార్డర్-బాటమ్-వెయిద్దు అట్రిబ్యూట్
సూచనలు:CSS బార్డర్ లెఫ్ట్ వెడిత్ అట్రిబ్యూట్
సూచనలు:CSS బార్డర్ రైట్ వెడిత్ అట్రిబ్యూట్
సూచనలు:CSS బార్డర్ టాప్ వెడిత్ అట్రిబ్యూట్
సూచనలు:CSS డిరెక్షన్ అట్రిబ్యూట్
- ముంది పేజీ border-inline-start-style
- తరువాతి పేజీ border-inline-style