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

కోర్సు సిఫారసులు:

border-inline-style నిర్వచనం మరియు వినియోగం

border-inline-style లక్షణం అంశం లోపలి దిశపై కంటెయిన్ స్టైల్స్ అమర్చుతుంది.

లోపలి ముగింపు స్థానంపై కంటెయిన్ స్టైల్స్ డాట్లు (dotted) ఉంటాయి border-inline-style లక్షణం విలువలను వివిధ విధానాలతో అమర్చవచ్చు:

div {
  • లక్షణంకి రెండు విలువలు ఉన్నాయి:
  • లోపలి ప్రారంభంపై కంటెయిన్ స్టైల్స్ సోలిడ్ ఉంటాయి

లోపలి ముగింపు స్థానంపై కంటెయిన్ స్టైల్స్ డాట్లు (dotted) ఉంటాయి border-inline-style ఉంటే

writing-mode
  • లక్షణంకి ఒక విలువ ఉంది:

లోపలి ప్రారంభం మరియు ముగింపు స్థానాలపై కంటెయిన్ స్టైల్స్ డాట్లు (dotted) ఉంటాయి border-inline-style లక్షణం మరియు CSS యొక్క border-bottom-style、border-left-style、border-right-style మరియు border-top-style లక్షణాలు చాలా అనిలికలు ఉన్నా, కానీ border-inline-style లక్షణం లోపలి దిశపై ఆధారపడి ఉంటుంది.

మెరుగుదల:సంబంధించిన CSS లక్షణాలు border-inline-style: dashed dotted;、text-orientation మరియు ఉదాహరణ 3: direction లక్షణంతో కలిపి లోపలి దిశను నిర్వచిస్తుంది. ఇది పంక్తి ప్రారంభం మరియు ముగింపు స్థానాలపై ప్రభావం చేస్తుంది మరియు border-inline-style అంశం ఫలితం. ఇంగ్లీష్ పేజీలో, లోపలి దిశ నుండి కుడికి ఉంటుంది, బ్లాక్ దిశ నుండి క్రిందకు ఉంటుంది.

实例

ఇన్స్టాన్స్

ఉదాహరణ

ఉదాహరణ 1
  లోపలి దిశలో బార్డర్ స్టైల్ అమర్చండి:
direction: rtl;
#example1 {
  border-inline-style: solid;
direction: rtl;

border-inline-style: solid dotted;

#example2 {

border-inline-style: dotted; border-inline-style: dashed dotted; రీతి మొదటి మరియు ముగింపు యొక్క బార్డర్ స్థానం రీతి నిర్దేశించబడింది.

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

border-inline-style: solid dotted;

writing-mode: vertical-rl;

border-inline-style: dotted; ఉదాహరణ 3: direction లక్షణంతో కలిపి రీతి మొదటి మరియు ముగింపు యొక్క బార్డర్ స్థానం రీతి నిర్దేశించబడింది.

direction
  లక్షణానికి ప్రభావం:
  div {
direction: rtl;

border-inline-style: solid dotted;

}

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

CSS సంకేతాలు

border-inline-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.borderInlineStyle="dotted"

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

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

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

సంబంధిత పేజీలు

ఉపదేశం:CSS బోర్డర్

సూచనలు:CSS బొర్డర్ అట్రిబ్యూట్

సూచనలు:CSS బొర్డర్-ఇన్లైన్ అట్రిబ్యూట్

సూచనలు:CSS border-inline-style అట్రిబ్యూట్

సూచనలు:CSS బొర్డర్-బాటమ్-స్టైల్ అట్రిబ్యూట్

సూచనలు:CSS border-left-style అట్రిబ్యూట్

సూచనలు:CSS border-right-style అట్రిబ్యూట్

సూచనలు:CSS border-top-style అట్రిబ్యూట్

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

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

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