CSS కలమ్-రూల్-స్టైల్ అట్రిబ్యూట్
- పూర్వ పేజీ column-rule-color
- తదుపరి పేజీ column-rule-width
నిర్వచనం మరియు వినియోగం
column-rule-style అట్టికేతగిరి కలన్ల మధ్య శైలి నియమాలను నిర్ణయిస్తుంది.
మరింత చూడండి:
CSS3 పాఠ్యక్రమం:CSS3 బహుళ నిలువులు
HTML DOM పరిశీలన పాఠ్యక్రమం:columnRuleStyle అట్టికేతగిరి
ఉదాహరణ
కలన్ల మధ్య రంగు నియమాలను నిర్ణయిస్తుంది:
div {
column-rule-style: dotted;
}
పేజీ ప్రక్కన మరిన్ని ఉదాహరణలు ఉన్నాయి.
CSS సంకేతాలు
column-rule-style: none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset;
అట్టికేతగిరి విలువ
| విలువ | వివరణ | పరీక్ష |
|---|---|---|
| none | నియమాలు లేనిది నిర్వచిస్తుంది. | పరీక్ష |
| hidden | మరణం చేసిన రేఖను నిర్వచిస్తుంది. | పరీక్ష |
| dotted | పిండి రేఖను నిర్వచిస్తుంది. | పరీక్ష |
| dashed | వికర్ణ రేఖను నిర్వచిస్తుంది. | పరీక్ష |
| solid | సరళ రేఖను నిర్వచిస్తుంది. | పరీక్ష |
| double | రెండు రేఖలతో నియమాలను నిర్వచిస్తుంది. | పరీక్ష |
| groove | 3D grooved నియమాలను నిర్వచిస్తుంది. ఈ ప్రభావం వెడల్పు మరియు రంగు విలువలపై ఆధారపడి ఉంటుంది. | పరీక్ష |
| ridge | 3D ridged నియమాలను నిర్వచిస్తుంది. ఈ ప్రభావం వెడల్పు మరియు రంగు విలువలపై ఆధారపడి ఉంటుంది. | పరీక్ష |
| inset | 3D inset నియమాలను నిర్వచిస్తుంది. ఈ ప్రభావం వెడల్పు మరియు రంగు విలువలపై ఆధారపడి ఉంటుంది. | పరీక్ష |
| outset | 3D outset నియమాలను నిర్వచిస్తుంది. ఈ ప్రభావం వెడల్పు మరియు రంగు విలువలపై ఆధారపడి ఉంటుంది. | పరీక్ష |
సాంకేతిక వివరాలు
| అప్రమేయ విలువ: | none |
|---|---|
| పారంతర్యం లేదు: | no |
| వర్షన్: | CSS3 |
| జావాస్క్రిప్ట్ సంకేతాలు: | object.style.columnRuleStyle="dotted" |
మరిన్ని ఉదాహరణలు
- 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 |
- పూర్వ పేజీ column-rule-color
- తదుపరి పేజీ column-rule-width
