CSS కలమ్-రూల్ అట్రిబ్యూట్

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

column-rule అంశం అనేది సరళ అంశం, ఇది అన్ని column-rule-* అంశాలను నియంత్రిస్తుంది.

column-rule అంశం కలను మధ్య నియమాల వెడల్పు, స్టైల్ మరియు రంగు నియంత్రణ అమర్చబడుతుంది.

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

CSS3 పాఠ్యక్రమం:CSS3 బహుళ నిలువులు

HTML DOM పరికల్పన హాండ్బుక్:columnRule అంశం

ఉదాహరణ

కలను మధ్య వెడల్పు, స్టైల్ మరియు రంగు నియంత్రణ అమర్చండి:

div
{
column-rule:3px outset #ff00ff;
}

మీరే ప్రయత్నించండి

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

CSS వ్యవహారం

column-rule: column-rule-width column-rule-style column-rule-color;

అంశం విలువ

విలువ వివరణ
column-rule-width కలను మధ్య వెడల్పు నియంత్రణ అమర్చండి.
column-rule-style కలను మధ్య స్టైల్ నియంత్రణ అమర్చండి.
column-rule-color కలను మధ్య రంగు నియంత్రణ అమర్చండి.

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

అప్రమేయ విలువ: medium none black
వారసత్వం: no
సంచికలు: CSS3
JavaScript వ్యవహారం: object.columnRule="3px outset #ff00ff"

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

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

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

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

ప్రథమ సంచికలు -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