CSS బొర్డర్-బ్లాక్-స్టార్ట్-స్టైల్ అట్రిబ్యూట్
- పూర్వ పేజీ border-block-start-color
- తరువాత పేజీ border-block-start-width
నిర్వచనం మరియు వినియోగం
border-block-start-style అమర్తకం వినియోగించబడుతుంది మొదటి బ్లాక్ దిశలో కెల్లిక్కొనే ఎలిమెంట్ కి కాంటర్న్ స్టైల్ సెట్ చేయడానికి.
CSS border-block-start-style అమర్తకం మరియు సిఎస్ఎస్ అమర్తకం border-bottom-style、border-left-style、border-right-style 和 border-top-style 非常相似，但 border-block-start-style 属性依赖于块方向。
ముందుకు చూడండి:ముందుకు చూడండి: writing-mode బ్లాక్ దిశను నిర్వచిస్తుంది. ఇది బ్లాక్ యొక్క ప్రారంభం మరియు ముగింపు స్థానాలను మరియు సంబంధిత CSS లక్షణాలను ప్రభావితం చేస్తుంది. border-block-start-style లక్షణ ఫలితం. ఇంగ్లీష్ పేజీలో, ఇన్లైన్ దిశ ఎడమ నుండి కుడికి ఉంటుంది, బ్లాక్ దిశ క్రిందకు ఉంటుంది.
ఉదాహరణ
ఉదాహరణ 1
బ్లాక్ దిశ ప్రారంభంలో బార్డర్ స్టైల్ స్టైల్ సెట్ చేయండి:
div {
border-block-start-style: dotted;
}
ఉదాహరణ 2: writing-mode లక్షణంతో జంఘాలు చేయండి
బ్లాక్ దిశ ప్రారంభంలో బార్డర్ స్టైల్ పోసిషన్ ఈ లక్షణానికి ప్రభావితం చేస్తుంది: writing-mode లక్షణానికి ప్రభావం:
div {
writing-mode: vertical-rl;
border-block-start-style: dotted;
}
CSS సంకేతాలు
border-block-start-style: none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset|initial|inherit;
లక్షణ విలువ
| విలువ | వివరణ |
|---|---|
| కానీ మాత్రమే కాదు | మూల విలువ కానీ కాదు |
| మూల విలువ కానీ కాదు | మూల విలువ కానీ కాదు |
| మూల విలువ కానీ కాదు | మూల విలువ కానీ కాదు |
| మూల విలువ కానీ కాదు | మూల విలువ కానీ కాదు |
| మూల విలువ కానీ కాదు | మూల విలువ కానీ కాదు |
| మూల విలువ కానీ కాదు | మూల విలువ కానీ కాదు |
| మూల విలువ కానీ కాదు |
మూల విలువ కానీ కాదు మూల విలువ కానీ కాదు |
| మూల విలువ కానీ కాదు |
మూల విలువ కానీ కాదు మూల విలువ కానీ కాదు |
| మూల విలువ కానీ కాదు |
మూల విలువ కానీ కాదు మూల విలువ కానీ కాదు |
| మూల విలువ కానీ కాదు |
మూల విలువ కానీ కాదు మూల విలువ కానీ కాదు |
| మూల విలువ కానీ కాదు | మూల విలువ కానీ కాదు మూల విలువ కానీ కాదు. |
| పారంపర్యం లోపం లేదు | మూల విలువ కానీ కాదు పారంపర్యం లోపం లేదు. |
సాంకేతిక వివరాలు
| మూల విలువ కానీ కాదు | కానీ మాత్రమే కాదు |
|---|---|
| పారంపర్యం లోపం లేదు: | సంక్షిప్తంగా కాదు |
| అనిమేషన్ తయారీ: | మద్దతు లేదు. దయచేసి ఈ లింక్ ను చూడండి:అనిమేషన్ సంబంధిత లక్షణాలు. |
| సంస్కరణ: | CSS3 |
| జావాస్క్రిప్ట్ సంకేతాలు: | object.style.borderBlockStartStyle="dotted" |
బ్రౌజర్ మద్దతు
పట్టికలో ఉన్న సంఖ్యలు ఈ లక్షణాన్ని పూర్తిగా మద్దతు ఇచ్చే మొదటి బ్రౌజర్ సంస్కరణను సూచిస్తాయి.
| క్రోమ్ | ఎడ్జ్ | ఫైర్ఫాక్స్ | సఫారీ | ఒపెరా |
|---|---|---|---|---|
| 69.0 | 79.0 | 41.0 | 12.1 | 56.0 |
సంబంధిత పేజీలు
శిక్షణ పత్రికCSS బోర్డర్
సూచనలు:CSS బొర్డర్ అట్రిబ్యూట్
సూచనలు:CSS బొర్డర్-బ్లాక్ అట్రిబ్యూట్
సూచనలు:CSS బొర్డర్-బ్లాక్-స్టైల్ అట్రిబ్యూట్
సూచనలు:CSS బొర్డర్-బ్లాక్-ఎండ్-స్టైల్ అట్రిబ్యూట్
సూచనలు:CSS బొర్డర్-బాటమ్-స్టైల్ అట్రిబ్యూట్
సూచనలు:CSS border-left-style అట్రిబ్యూట్
సూచనలు:CSS border-right-style అట్రిబ్యూట్
- పూర్వ పేజీ border-block-start-color
- తరువాత పేజీ border-block-start-width
