CSS బొర్డర్‌బ్లాక్‌స్టైల్ అట్రిబ్యూట్
- ముందు పేజీ border-block-start-width
- తరువాత పేజీ border-block-width
నిర్వచనం మరియు వినియోగం
border-block-style అమార్టు లాభం సెట్ చేస్తుంది బ్లాక్ దిశలో అమార్టు యొక్క బార్డర్ స్టైల్.
border-block-style అమార్టు లాభం యొక్క విలువ వివిధ రీతుల్లో అమర్చబడవచ్చు:
ఉంటే border-block-style అమార్టు లాభం కి రెండు విలువలు ఉన్నాయి:
border-block-style: solid;
- బ్లాక్ ప్రారంభం యొక్క బార్డర్ స్టైల్ గానే కాంటిన్యూయ్ స్టైల్ ఉంటుంది
- బ్లాక్ ముగింపు యొక్క బార్డర్ స్టైల్ కాంటిన్యూయ్ స్టైల్ ఉంటుంది
ఉంటే border-block-style అమార్టు లాభం కి ఒక విలువ ఉంది:
border-block-style: dashed;
- బ్లాక్ ప్రారంభం మరియు ముగింపు యొక్క బార్డర్ స్టైల్స్ గానే కాంటిన్యూయ్ స్టైల్ ఉన్నాయి
CSS border-block-style అమార్టు లాభాలు మరియు CSS లాభాలు border-bottom-style、border-left-style、border-right-style మరియు border-top-style 非常相似，但 border-block-style 属性依赖于块方向。
注意：相关的 CSS 属性 ఉదాహరణ 2: writing-mode లక్షణంతో కలిసి 定义了块方向。这会影响块的起始和结束位置，以及 border-block-style 属性的结果。对于英文页面，行内方向是从左到右，块方向是向下。
border-block-style
లక్షణం ఫలితం. ఇంగ్లీష్ పేజీలో, ఇన్లైన్ దిశ ఎడమ నుండి కుడికి, బ్లాక్ దిశ క్రిందకు ఉంటుంది。
ఇన్స్టాన్స్
ఉదాహరణ 1
బ్లాక్ దిశలో బార్డర్ స్టైల్ సెట్ చేయండి:
writing-mode: vertical-rl;
#example1 {
border-block-style: solid;
writing-mode: vertical-rl;
#example2 {
border-block-style: dashed dotted; ఉదాహరణ 2: writing-mode లక్షణంతో కలిసి బ్లాక్ దిశ ప్రారంభం మరియు ముగింపు స్థానాలు బార్డర్-బ్లాక్-స్టైల్ స్థానాన్ని నిర్ణయిస్తాయి.
writing-mode
లక్షణం ప్రభావం:
div {
writing-mode: vertical-rl;
}
స్వయంగా ప్రయత్నించండి
CSS సంకేతాలు
| border-block-style: none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset|initial|inherit; | లక్షణ విలువ |
|---|---|
| none | విలువ |
| వివరణ | అప్రమేయం. బార్డర్ లేదా కాదు నిర్దేశిస్తుంది。 |
| hidden | నాన్ విలువతో సమానం, కానీ పట్టిక అంశాల్లో బార్డర్ సంఘర్షణలను పరిష్కరించడానికి తప్ప. |
| dashed | డాష్ బార్డర్ నిర్మాణాన్ని సూచిస్తుంది。 |
| solid | సాధారణ బార్డర్ నిర్మాణాన్ని సూచిస్తుంది。 |
| double | డబుల్ బార్డర్ నిర్మాణాన్ని సూచిస్తుంది。 |
| groove |
3D గుండ్రులు ఉన్న బార్డర్ నిర్మాణాన్ని సూచిస్తుంది。 ప్రభావం బార్డర్-కలర్ విలువకు ఆధారపడి ఉంటుంది。 |
| ridge |
3D పుంజులు ఉన్న బార్డర్ నిర్మాణాన్ని సూచిస్తుంది。 ప్రభావం బార్డర్-కలర్ విలువకు ఆధారపడి ఉంటుంది。 |
| inset |
3D లోపల పుంజులు ఉన్న బార్డర్ నిర్మాణాన్ని సూచిస్తుంది。 ప్రభావం బార్డర్-కలర్ విలువకు ఆధారపడి ఉంటుంది。 |
| outset |
3D బయటకు పుంజులు ఉన్న బార్డర్ నిర్మాణాన్ని సూచిస్తుంది。 ప్రభావం బార్డర్-కలర్ విలువకు ఆధారపడి ఉంటుంది。 |
| initial | ఈ లక్షణాన్ని అప్రమేయ విలువకు సెట్ చేయండి. చూడండి: initial。 |
| inherit | ఈ లక్షణాన్ని తన ప్రాతిపదికన స్వీకరించండి. చూడండి: inherit。 |
సాంకేతిక వివరాలు
| అప్రమేయం: | none |
|---|---|
| పారంతర్యం: | లేదు |
| అనిమేషన్ తయారీ: | మద్దతు లేదు. చూడండి:అనిమేషన్ సంబంధిత లక్షణాలు。 |
| సంస్కరణ: | CSS3 |
| జావాస్క్రిప్ట్ సంకేతాలు: | object.style.borderBlockStyle="dotted" |
బ్రౌజర్ మద్దతు
పట్టికలో ఉన్న సంఖ్యలు ఈ లక్షణాన్ని పూర్తిగా మద్దతు ఇచ్చే మొదటి బ్రౌజర్ సంస్కరణను సూచిస్తాయి。
| క్రోమ్ | ఎడ్జ్ | ఫైర్ఫాక్స్ | సఫారీ | ఆపెరా |
|---|---|---|---|---|
| 87.0 | 87.0 | 66.0 | 14.1 | 73.0 |
సంబంధిత పేజీలు
శిక్షణపు విధానం：CSS బోర్డర్
పరిచయం:CSS బొర్డర్ అట్రిబ్యూట్
పరిచయం:CSS బొర్డర్‌బ్లాక్ అట్రిబ్యూట్
పరిచయం:CSS బొర్డర్‌బ్లాక్‌ఎండ్‌స్టైల్ అట్రిబ్యూట్
పరిచయం:CSS బొర్డర్‌బ్లాక్‌స్టార్ట్‌స్టైల్ అట్రిబ్యూట్
పరిచయం:CSS బొర్డర్‌బోటమ్‌స్టైల్ అట్రిబ్యూట్
పరిచయం:CSS బార్డర్ లెఫ్ట్ స్టైల్ అట్రిబ్యూట్
పరిచయం:CSS బార్డర్ రైట్ స్టైల్ అట్రిబ్యూట్
- ముందు పేజీ border-block-start-width
- తరువాత పేజీ border-block-width
