సిఎస్ఎస్ బార్డర్ పరిధి

CSS హెడర్ - ప్రత్యేక హెడర్

మునుపటి అధ్యాయం ఉదాహరణల నుండి, మీరు ప్రతి పక్కకు వేర్వేరు హెడర్లను అమర్చవచ్చని చూశారు.

CSS లో, ప్రతి హెడర్ (పై, కుడి, క్రింద, ఎడమ) కోసం వినియోగించబడే కొన్ని అమర్తకాలు ఉన్నాయి:

ఉదాహరణ

p {
  border-top-style: dotted;
  border-right-style: solid;
  border-bottom-style: dotted;
  border-left-style: solid;
}

ఫలితం:

వివిధ హెడర్ రూపాలు

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

వివిధ హెడర్ రూపాలు

పై ఉదాహరణ ఫలితం ఈ విధంగా ఉంటుంది:

ఉదాహరణ

p {
  border-style: dotted solid;
}

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

దాని పని విధానం ఈ విధంగా ఉంటుంది:

如果 border-style అమర్తకం నాలుగు విలువలను అమర్చుతుంది:

border-style: dotted solid double dashed;

  • పై హెడర్ హైలైట్ కాంటర్లైన్ తో ఉంటుంది
  • కుడి హెడర్ సోలిడ్ లైన్ తో ఉంటుంది
  • క్రింది హెడర్ రెండు రేఖల తో ఉంటుంది
  • ఎడమ హెడర్ హైలైట్ కాంటర్లైన్ తో ఉంటుంది

如果 border-style అమర్తకం మూడు విలువలను అమర్చుతుంది:

border-style: dotted solid double;

  • పై హెడర్ హైలైట్ కాంటర్లైన్ తో ఉంటుంది
  • 右和左边框是实线
  • క్రింది హెడర్ రెండు రేఖల తో ఉంటుంది

如果 border-style 属性设置两个值:

border-style: dotted solid;

  • 上和下边框是虚线
  • 右和左边框是实线

如果 border-style 属性设置一个值:

border-style: dotted;

  • 四条边均为虚线

ఉదాహరణ

/* నాలుగు విలువల */
p {
  border-style: dotted solid double dashed; 
}
/* మూడు విలువల */
p {
  border-style: dotted solid double; 
}
/* రెండు విలువల */
p {
  border-style: dotted solid; 
}
/* ఒక విలువ */
p {
  border-style: dotted; 
}

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

ఉదాహరణలో ఉపయోగించబడింది border-style అట్రిబ్యూట్. కానీ border-width మరియు border-color కూడా అలాగే ఉపయోగించబడుతుంది.