CSS border-inline-width అట్రిబ్యూట్

定义和用法

లోపలి దిశను నిర్వచించింది. ఇది ఒక పంక్తి యొక్క ప్రారంభం మరియు ముగింపు స్థానాలను ప్రభావితం చేస్తుంది, మరియు 属性设置元素在行内方向上的边框宽度。

మెరుగుపడిన అవకాశం ఉంది, కానీ要使 లోపలి దిశను నిర్వచించింది. ఇది ఒక పంక్తి యొక్క ప్రారంభం మరియు ముగింపు స్థానాలను ప్రభావితం చేస్తుంది, మరియు 属性生效,必须设置 border-inline-style.

లోపలి దిశను నిర్వచించింది. ఇది ఒక పంక్తి యొక్క ప్రారంభం మరియు ముగింపు స్థానాలను ప్రభావితం చేస్తుంది, మరియు 属性的值可以通过不同方式设置:

如果 లోపలి దిశను నిర్వచించింది. ఇది ఒక పంక్తి యొక్క ప్రారంభం మరియు ముగింపు స్థానాలను ప్రభావితం చేస్తుంది, మరియు 属性有两个值:

border-inline-width: 10px 50px;
  • 行内开始处的边框宽度为 10px
  • 行内结束处的边框宽度为 50px

如果 లోపలి దిశను నిర్వచించింది. ఇది ఒక పంక్తి యొక్క ప్రారంభం మరియు ముగింపు స్థానాలను ప్రభావితం చేస్తుంది, మరియు 属性有一个值:

#example1 {
  • 行内开始和结束处的边框宽度均为 10px

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

మెరుగుపడిన అవకాశం ఉంది, కానీసంబంధిత సిఎస్ఎస్ లక్షణాలు ఉదాహరణ 2: writing-mode లక్షణంతో కలిసి,text-orientation , లోపలి దిశలో ప్రారంభం మరియు ముగింపు స్థానాలు ప్రభావితం అవుతాయి. మరియు లోపలి దిశను నిర్వచించింది. ఇది ఒక పంక్తి యొక్క ప్రారంభం మరియు ముగింపు స్థానాలను ప్రభావితం చేస్తుంది, మరియు border-inline-width

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

ఉదాహరణ

ఉదాహరణ 1

లోపలి దిశలో బిడ్డిని వెడల్పన చేయండి:
  writing-mode
  #example1 {
border-inline-width: 5px 15px;
border-inline-width: 10px;
  #example2 {
  border-inline-style: dashed;
border-inline-width: 5px 15px;

}

border-inline-width: కండరింగ్ కండరింగ్;

ఉదాహరణ 3: direction లక్షణంతో కలిసి ఉదాహరణ 2: writing-mode లక్షణంతో కలిసి direction

లక్షణానికి ప్రభావం:
  writing-mode
  border-inline-style: solid;
  writing-mode: vertical-rl;
border-inline-width: 5px 15px;

}

border-inline-width: 5px;

ఉదాహరణ 3: direction లక్షణంతో కలిసి లోపలి దిశలో ప్రారంభం మరియు ముగింపు స్థానాలు ప్రభావితం అవుతాయి. direction

లక్షణానికి ప్రభావం:
  div {
  direction: rtl;
border-inline-width: 5px 15px;

}

ప్రయత్నించండి

సిఎస్ఎస్ సంకేతాలుపరిమాణంborder-inline-width: మధ్యమ|కండరింగ్|కండరింగ్|

|ఇనిశియల్|ఇన్హెరిట్;

లక్షణ విలువ విలువ
మధ్యమ వివరణ
కండరింగ్ బిడ్డిని నిర్వచించండి. అప్రమేయ విలువ. కండరింగ్ బిడ్డిని నిర్వచించండి.
కండరింగ్ బిడ్డిని నిర్వచించండి. కండరింగ్ బిడ్డిని నిర్వచించండి.
పరిమాణం మీరు బిడ్డి పరిమాణాన్ని నిర్వచించడానికి అనుమతిస్తుంది. దయచేసి చూడండి:సిఎస్ఎస్ యూనిట్స్.
ఇనిశియల్ ఈ లక్షణాన్ని అప్రమేయ విలువకు అమర్చండి. చూడండి: ఇనిశియల్.
ఇన్హెరిట్ ఈ లక్షణాన్ని తన పేర్పడ్డ ఉపగ్రహం నుండి పారంపర్యం చేసుకున్నది. చూడండి: ఇన్హెరిట్.

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

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

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

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

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

相关页面

శిక్షణాంశం:CSS బోర్డర్

పరికల్పన:CSS బొర్డర్ అట్రిబ్యూట్

పరికల్పన:CSS బొర్డర్-ఇన్లైన్ అట్రిబ్యూట్

పరికల్పన:CSS border-inline-style అట్రిబ్యూట్

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

పరికల్పన:CSS border-left-width అట్రిబ్యూట్

పరికల్పన:CSS border-right-width అట్రిబ్యూట్

పరికల్పన:CSS border-top-width అట్రిబ్యూట్

పరికల్పన:CSS డిరెక్షన్ అట్రిబ్యూట్

పరికల్పన:CSS టెక్స్ట్-ఆరియెంటేషన్ అట్రిబ్యూట్

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