CSS బొర్డర్-బ్లాక్ అట్రిబ్యూట్

定义和用法

border-block 属性是以下属性的简写:

如果省略颜色或宽度的值,则将使用默认值。

రంగం నుండి కాల్పితం కాని విలువలను సూచిస్తుంది అప్రమేయ విలువలను కానీ రంగు లేదా వెడల్పు విలువలను సూచించకపోతే అప్రమేయ విలువలను ఉపయోగిస్తారు. border-block సిఎస్ఎస్ border లక్షణం మరియు border-block లక్షణం చాలా వంటిదే, కానీ

లక్షణం బ్లాక్ దిశపై ఆధారపడి ఉంటుంది.ముప్పు నోటిస్: writing-mode బ్లాక్ దిశను నిర్వచిస్తుంది. ఇది బ్లాక్ యొక్క ప్రారంభ మరియు ముగింపు స్థానాలను మరియు ఇతర సిఎస్ఎస్ లక్షణాలను ప్రభావితం చేస్తుంది: border-block లక్షణ ఫలితం. ఇంగ్లీష్ పేజీలలో, ఇన్లైన్ దిశ ఎడమ నుండి కుడికి, బ్లాక్ దిశ క్రిందకు ఉంటుంది.

ఉదాహరణ

ఉదాహరణ 1

బ్లాక్ దిశలో వివిధ ఉపఘటకాలకు బార్డర్ శైలి, రంగు మరియు వెడల్పును అమర్చండి:

h1 {
  border-block: 5px solid red;
}
h2 {
  border-block: 4px dotted blue;
}
div {
  border-block: double;
}

స్వయంగా ప్రయోగించండి

ఉదాహరణ 2: writing-mode లక్షణతో మొదలు పెట్టండి

బ్లాక్ దిశలో ప్రారంభ మరియు ముగింపు బార్డర్ స్థానాలు ప్రభావితం అవుతాయి మరియు ఇవి ఇతర సిఎస్ఎస్ లక్షణాలను ప్రభావితం చేస్తాయి: writing-mode లక్షణ ప్రభావం:

div {
  writing-mode: vertical-rl;
  border-block: hotpink dashed 8px;
}

స్వయంగా ప్రయోగించండి

సిఎస్ఎస్ సంకేతాలు

border-block: border-block-width border-block-style border-block-color |initial|inherit;

లక్షణ విలువ

విలువ వివరణ
border-block-width బ్లాక్ దిశలో పట్టిక వెడల్పును నిర్దేశించండి. అప్రమేయ విలువ medium.
border-block-style బ్లాక్ దిశలో పట్టిక శైలిని నిర్దేశించండి. అప్రమేయ విలువ కానీ.
border-block-color బ్లాక్ దిశలో పట్టిక రంగును నిర్దేశించండి. అప్రమేయ విలువ టెక్స్ట్ రంగు.
initial ఈ లక్షణాన్ని అప్రమేయ విలువకు సెట్ చేస్తుంది. చూడండి: initial
inherit ఈ లక్షణాన్ని తన పేర్వస్థి నుండి పారంపర్యం చేసుకుంటుంది. చూడండి: inherit

సాంకేతిక వివరాలు

అప్రమేయ విలువ: medium none color
పారంపర్యం: లేదు
అనిమేషన్ తయారీ: మద్దతు ఉంది. చూడండి:అనిమేషన్ సంబంధిత లక్షణాలు
వెర్షన్: సిఎస్ఎస్ 3
జావాస్క్రిప్ట్ సంకేతాలు: object.style.borderBlock="dashed hotpink 10px"

బ్రౌజర్ మద్దతు

పట్టికలో ఉన్న సంఖ్యలు ఈ లక్షణాన్ని పూర్తిగా మద్దతు ఇచ్చే మొదటి బ్రౌజర్ వెర్షన్ ని సూచిస్తాయి。

క్రోమ్ ఎడ్జ్ ఫైర్ఫాక్స్ సఫారీ ఓపెరా
87.0 87.0 66.0 14.1 73.0

相关页面

教程:CSS బోర్డర్

参考:CSS బొర్డర్ అట్రిబ్యూట్

参考:CSS బొర్డర్-బ్లాక్-కలర్ అట్రిబ్యూట్

参考:CSS బొర్డర్-బ్లాక్-స్టైల్ అట్రిబ్యూట్

参考:CSS బొర్డర్-బ్లాక్-వెయిద్దు అట్రిబ్యూట్

参考:CSS వ్రాటింగ్-మోడ్ అట్రిబ్యూట్