CSS బొర్డర్-బ్లాక్-ఎండ్-స్టైల్ అట్రిబ్యూట్
- ముందు పేజీ border-block-end-color
- తరువాత పేజీ border-block-end-width
定义和用法
border-block-end-style 属性用于设置元素在块方向末端的边框样式。
CSS border-block-end-style అంతర్జాతీయ స్వరూపం మరియు border-bottom-style、border-left-style、border-right-style మరియు border-top-style } border-block-end-style లక్షణం మరింత సమానం, కానీ వ్యత్యాసం ఉంటుంది.
లక్షణం బ్లాక్ దిశపై ఆధారపడి ఉంటుంది.ముప్పు లేదు: writing-mode బ్లాక్ దిశను నిర్వచిస్తుంది. ఇది బ్లాక్ ప్రారంభం మరియు ముగింపు స్థానాలను మరియు సంబంధిత CSS లక్షణాలను ప్రభావితం చేస్తుంది. border-block-end-style లక్షణ ఫలితం. ఇంగ్లీష్ పేజీలో, ఇన్లైన్ దిశ ఎడమ నుండి కుడికి ఉంటుంది, బ్లాక్ దిశ క్రిందకు ఉంటుంది.
ఉదాహరణ
ఉదాహరణ 1
బ్లాక్ దిశ బ్లాక్ ఎండ్ బోర్డర్ స్టైల్ అనుసరించండి:
div {
border-block-end-style: dotted;
}
ఉదాహరణ 2: writing-mode లక్షణంతో కలిసి
బ్లాక్ దిశ బోర్డర్ స్టైల్ స్థానాన్ని బ్లాక్ దిశ ప్రభావితం చేస్తుంది. writing-mode లక్షణం ప్రభావం:
div {
border-block-end-style: solid;
writing-mode: vertical-rl;
border-block-end-width: 5px;
}
CSS సంకేతాలు
border-block-end-style: none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset|initial|inherit;
లక్షణ విలువ
| విలువ | వివరణ |
|---|---|
| none | అప్రమేయం. బోర్డర్ లేదు నిర్దేశించండి. |
| hidden | none తో సమానం, కానీ పట్టిక విభజనలో వ్యత్యాసం ఉంటుంది. |
| dotted | డాట్ బోర్డర్ నిర్దేశించండి. |
| dashed | డాష్ బోర్డర్ నిర్దేశించండి. |
| solid | సాలిడ్ బోర్డర్ నిర్దేశించండి. |
| double | డబుల్ బోర్డర్ నిర్దేశించండి. |
| groove |
3D గ్రోవ్ బోర్డర్ నిర్దేశించండి. ప్రభావం బోర్డర్-కలర్ విలువకు ఆధారపడి ఉంటుంది. |
| ridge |
3D రిజ్జు బోర్డర్ నిర్దేశించండి. ప్రభావం బోర్డర్-కలర్ విలువకు ఆధారపడి ఉంటుంది. |
| inset |
3D ఇన్ బోర్డర్ నిర్దేశించండి. ప్రభావం బోర్డర్-కలర్ విలువకు ఆధారపడి ఉంటుంది. |
| outset |
3D బ్యాక్ బోర్డర్ నిర్దేశించండి. ప్రభావం బోర్డర్-కలర్ విలువకు ఆధారపడి ఉంటుంది. |
| initial | ఈ లక్షణాన్ని అప్రమేయ విలువకు సెట్ చేయండి. చూడండి initial. |
| inherit | తన పై ఉపమూలకం నుండి ఈ లక్షణాన్ని పారామర్శిస్తుంది. చూడండి inherit. |
సాంకేతిక వివరాలు
| అప్రమేయం: | none |
|---|---|
| పారమ్పర్యం: | లేదు |
| అనిమేషన్ తయారీ: | no. అనుబంధ సమాచారం చదవండి |
| సంస్కరణ: | CSS3 |
| జావాస్క్రిప్ట్ సంకేతాలు: | object.style.borderBlockEndStyle="dotted" |
బ్రౌజర్ మద్దతు
పట్టికలో ఉన్న సంఖ్యలు ఈ లక్షణాన్ని పూర్తిగా మద్దతు ఇచ్చే మొదటి బ్రౌజర్ సంస్కరణను సూచిస్తాయి.
| క్రోమ్ | ఎడ్జ్ | ఫైర్ఫాక్స్ | సఫారీ | ఒపెరా |
|---|---|---|---|---|
| 69.0 | 79.0 | 41.0 | 12.1 | 56.0 |
సంబంధిత పేజీలు
శిక్షణాదిష్టం:CSS బోర్డర్
సూచనలు:CSS బొర్డర్ అట్రిబ్యూట్
సూచనలు:CSS బొర్డర్-బ్లాక్ అట్రిబ్యూట్
సూచనలు:CSS బొర్డర్-బ్లాక్-స్టైల్ అట్రిబ్యూట్
సూచనలు:CSS బొర్డర్-బ్లాక్-స్టార్ట్-స్టైల్ అట్రిబ్యూట్
సూచనలు:CSS బొర్డర్-బాటమ్-స్టైల్ అట్రిబ్యూట్
సూచనలు:CSS బార్డర్ లెఫ్ట్ స్టైల్ అట్రిబ్యూట్
సూచనలు:CSS బార్డర్ రైట్ స్టైల్ అట్రిబ్యూట్
- ముందు పేజీ border-block-end-color
- తరువాత పేజీ border-block-end-width
