CSS బొర్డర్-బ్లాక్-వెయిద్ధం అట్రిబ్యూట్

定义和用法

బ్లాక్ దిశను నిర్వచిస్తుంది. ఇది బ్లాక్ యొక్క ప్రారంభం మరియు ముగింపు స్థానాలను మరియు సంబంధిత CSS లక్షణాలను ప్రభావిత చేస్తుంది 属性设置元素在块方向上的边框宽度。

నోటిస్ బుక్ చూడండి:要使 బ్లాక్ దిశను నిర్వచిస్తుంది. ఇది బ్లాక్ యొక్క ప్రారంభం మరియు ముగింపు స్థానాలను మరియు సంబంధిత CSS లక్షణాలను ప్రభావిత చేస్తుంది అంశం చల్లించబడడానికి, అమర్చడం అవసరం: border-block-style.

బ్లాక్ దిశను నిర్వచిస్తుంది. ఇది బ్లాక్ యొక్క ప్రారంభం మరియు ముగింపు స్థానాలను మరియు సంబంధిత CSS లక్షణాలను ప్రభావిత చేస్తుంది అంశం విలువను వివిధ విధానాల ద్వారా అమర్చవచ్చు:

如果 బ్లాక్ దిశను నిర్వచిస్తుంది. ఇది బ్లాక్ యొక్క ప్రారంభం మరియు ముగింపు స్థానాలను మరియు సంబంధిత CSS లక్షణాలను ప్రభావిత చేస్తుంది అంశాలు రెండు విలువలు కలిగి ఉంటాయి:

border-block-width: 10px 50px;

• 块开始处的边框宽度为 10px
• 块结束处的边框宽度为 50px

如果 బ్లాక్ దిశను నిర్వచిస్తుంది. ఇది బ్లాక్ యొక్క ప్రారంభం మరియు ముగింపు స్థానాలను మరియు సంబంధిత CSS లక్షణాలను ప్రభావిత చేస్తుంది 属性有一个值：

#example1 {

• 块开始和结束处的边框宽度均为 10px

CSS బ్లాక్ దిశను నిర్వచిస్తుంది. ఇది బ్లాక్ యొక్క ప్రారంభం మరియు ముగింపు స్థానాలను మరియు సంబంధిత CSS లక్షణాలను ప్రభావిత చేస్తుంది 属性与 CSS 属性 border-bottom-width,border-left-width,border-right-width మరియు border-top-width అనేకందుకు వర్గీకరించబడినది, కానీ ఈ కి విరుద్ధంగా ఉంటుంది: బ్లాక్ దిశను నిర్వచిస్తుంది. ఇది బ్లాక్ యొక్క ప్రారంభం మరియు ముగింపు స్థానాలను మరియు సంబంధిత CSS లక్షణాలను ప్రభావిత చేస్తుంది లక్షణం బ్లాక్ దిశపై ఆధారపడి ఉంటుంది.

నోటిస్ బుక్ చూడండి:ముందుకు చూడండి: బ్లాక్ దిశలో ప్రారంభం మరియు ముగింపు స్థానాలపై బార్డర్ ప్రభావిత అవుతుంది ముందుకు చూడండి: బ్లాక్ దిశను నిర్వచిస్తుంది. ఇది బ్లాక్ యొక్క ప్రారంభం మరియు ముగింపు స్థానాలను మరియు సంబంధిత CSS లక్షణాలను ప్రభావిత చేస్తుంది border-block-width

లక్షణ ఫలితం. ఇంగ్లీష్ పేజీలో, ఇన్లైన్ దిశ ఎడమ నుండి కుడికి, బ్లాక్ దిశ క్రిందకు ఉంటుంది.

ఉదాహరణ

ఉదాహరణ 1

బ్లాక్ దిశలో బార్డర్ వెడల్పు ని అమర్చండి:
  div {
  #example1 {
border-block-width: 5px;
border-block-width: 10px;
  div {
  #example2 {
border-block-width: 5px;

}

border-block-width: thin thick;

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

లక్షణ ప్రభావం:
  div {
  border-block-style: solid;
  writing-mode: vertical-rl;
border-block-width: 5px;

}

మీరు ప్రయత్నించండి

CSS సంకేతాలుపరిమాణంborder-block-width: medium|thin|thick|

|ప్రారంభ విలువ|పరివర్తన లేదు;

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

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

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

相关页面

教程：CSS బోర్డర్

పరిచయం:CSS బొర్డర్ అట్రిబ్యూట్

పరిచయం:CSS బొర్డర్-బ్లాక్ అట్రిబ్యూట్

పరిచయం:CSS బొర్డర్-బ్లాక్-ఎండ్-వెయిద్ధం అట్రిబ్యూట్

పరిచయం:CSS బొర్డర్-బ్లాక్-స్టార్ట్-వెయిద్ధం అట్రిబ్యూట్

పరిచయం:CSS బొర్డర్-బ్లాక్-స్టైల్ అట్రిబ్యూట్

పరిచయం:CSS బొర్డర్-బాటమ్-వెయిద్ధం అట్రిబ్యూట్

పరిచయం:CSS బార్డర్ లెఫ్ట్ వెడిత్ అట్రిబ్యూట్

పరిచయం:CSS బార్డర్ రైట్ వెడిత్ అట్రిబ్యూట్

పరిచయం:CSS బార్డర్ టాప్ వెడిత్ అట్రిబ్యూట్

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