CSS కలన్-రూల్-వెడిడ్ అట్రిబ్యూట్

నిర్వచనం మరియు వినియోగం

column-rule-width అనునందం కలన్ల మధ్య వెడల్పు నిబంధనను నిర్ధారిస్తుంది.

మరింత చూడండి:

CSS3 శిక్షణ మాదిరి:CSS3 బహులోకాలు

HTML DOM పరిశీలన మాదిరి:columnRuleWidth అనునందం

ఉదాహరణ

కలన్ల మధ్య రంగు నిబంధనను నిర్ధారిస్తుంది:

div {
  column-rule-width: 10px;
}

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

పేజీ అంతంలో మరిన్ని ఉదాహరణలు ఉన్నాయి.

CSS వినియోగదారి క్రమం

column-rule-width: thin|medium|thick|length;

అనునందం విలువ

విలువ వివరణ పరీక్ష
thin పింకువెడల్పు నిబంధనను నిర్వచిస్తుంది. పరీక్ష
medium మధ్యమ వెడల్పు నిబంధనను నిర్వచిస్తుంది. పరీక్ష
thick వెడల్పు నిబంధనను నిర్వచిస్తుంది. పరీక్ష
length నిబంధన వెడల్పును నిర్ధారిస్తుంది. పరీక్ష

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

అప్రమేయ విలువ: medium
పారమాన్యత లోపం: no
వెర్షన్: CSS3
JavaScript వినియోగదారి క్రమం: object.style.columnRuleWidth="thin"

మరిన్ని ఉదాహరణలు

Column-count
డివ్ ఎలిమెంట్లో వచనాన్ని మూడు నిలువులుగా విభజిస్తుంది.
Column-gap
డివ్ ఎలిమెంట్లో వచనాన్ని మూడు నిలువులుగా విభజిస్తుంది మరియు అంతరాన్ని 30 పిక్సెల్లుగా పెంచుతుంది.
Column-rule
కలన్ల మధ్య వెడల్పు, శైలి మరియు రంగును నిర్ధారిస్తుంది.

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

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

ఈ ముందుకు -webkit- లేదా -moz- తో కలిపిన సంఖ్యలు ప్రాథమిక ప్రత్యేకతను వినియోగించే వెర్షన్లను సూచిస్తాయి.

Chrome IE / Edge Firefox Safari Opera
50.0
4.0 -webkit-		 10.0 52.0
2.0 -moz-		 9.0
3.1 -webkit-		 37.0
15.0 -webkit
11.1