సిఎస్ఎస్ బోర్డర్
- ముందు పేజ్ సిఎస్ఎస్ సంక్షిప్త బ్యాక్గ్రౌండ్ అట్రిబ్యూట్
- తరువాత పేజ్ సిఎస్ఎస్ బోర్డర్ వెడిథ్
CSS బార్డర్ అంశం
CSS border అంశం బార్డర్ స్టైల్, వెడల్పు మరియు రంగును నిర్వచించగలరు.
నా అన్ని బార్డర్స్ కు బార్డర్ ఉంది.
నా క్రింద బార్డర్ నుండి ఎరుపు ఉంది.
నా బార్డర్స్ కు గుండ్రాకారం ఉంది.
నా ఎడమ బార్డర్ నుండి నీలి ఉంది.
CSS బార్డర్ స్టైల్
border-style అంశం బార్డర్ రకాన్ని నిర్వచిస్తుంది.
అనుమతించబడిన విలువలు:
dotted- డాట్ బార్డర్ నిర్వచించండిdashed- డాష్ బార్డర్ నిర్వచించండిsolid- సోలిడ్ బార్డర్ నిర్వచించండిdouble- ద్విపార్శ్వబార్డర్ నిర్వచించండిgroove- 3D గ్రోవ్ బార్డర్ నిర్వచించండి. బార్డర్-కలర్ విలువల ఆధారంగా ప్రభావం ఉంటుందిridge- 3D రిజ్జు బార్డర్ నిర్వచించండి. బార్డర్-కలర్ విలువల ఆధారంగా ప్రభావం ఉంటుందిinset- 3D inset బార్డర్ నిర్వచించండి. బార్డర్-కలర్ విలువల ఆధారంగా ప్రభావం ఉంటుందిoutset- 3D outset బార్డర్ నిర్వచించండి. బార్డర్-కలర్ విలువల ఆధారంగా ప్రభావం ఉంటుందిnone- బార్డర్ లేని నిర్వచించండిhidden- అదుపు బార్డర్ నిర్వచించండి
border-style అంశం నియంత్రణలు ఒక నుండి నాలుగు వరకు విలువలను అంగీకరిస్తాయి (పై బార్డర్, కుడి బార్డర్, క్రింద బార్డర్ మరియు ఎడమ బార్డర్ కొరకు వినియోగిస్తారు).
ఉదాహరణ
వివిధ బార్డర్ స్టైల్స్ ప్రదర్శించండి:
p.dotted {border-style: dotted;}
p.dashed {border-style: dashed;}
p.solid {border-style: solid;}
p.double {border-style: double;}
p.groove {border-style: groove;}
p.ridge {border-style: ridge;}
p.inset {border-style: inset;}
p.outset {border-style: outset;}
p.none {border-style: none;}
p.hidden {border-style: hidden;}
p.mix {border-style: dotted dashed solid double;}
结果：
点状边框。
虚线边框。
实线边框。
双线边框。
凹槽边框。其效果取决于 border-color 的值。
垄状边框。其效果取决于 border-color 的值。
3D inset 边框。其效果取决于 border-color 的值。
3D outset 边框。其效果取决于 border-color 的值。
బార్డర్ లేదు
మిశ్రిత బార్డర్
గమనిక:అనుకూలించినప్పుడు లేదా border-style అంతర్భాగం అందుకు లేకపోతే, ఇతర CSS బార్డర్ అట్రిబ్యూట్స్ (తదుపరి చిప్పించబడుతుంది) ఏ ప్రభావం కాకూడదు!
- ముందు పేజ్ సిఎస్ఎస్ సంక్షిప్త బ్యాక్గ్రౌండ్ అట్రిబ్యూట్
- తరువాత పేజ్ సిఎస్ఎస్ బోర్డర్ వెడిథ్
