హ్ట్మ్ఎల్ <hr> టాగ్
నిర్వచనం మరియు ఉపయోగం
<hr> అంశాలు హైల్లోకి వెబ్ పేజీలో అంశాల వేరు చేయడానికి లేదా అంశాల మార్పును నిర్వచించడానికి ఉపయోగిస్తాయి (ఉదాహరణకు, థీమ్ మార్పు).
<hr> అంశాలు సాధారణంగా హోరిజంటల్ లైన్లుగా చూపబడతాయి, వెబ్ పేజీలో అంశాలను వేరు చేయడానికి లేదా అంశాల పై మార్పును నిర్వచించడానికి ఉపయోగిస్తాయి。
మరింత చూడండి:
HTML DOM పరిశీలన పాఠకం:HR ఆబ్జెక్ట్
ప్రతిమా వినియోగం
ఉదాహరణ 1
ఉపయోగించండి <hr> అంశాలలో థీమ్ మార్పును నిర్వచించే టాగ్లు:
<h1>వెబ్ యొక్క ప్రధాన భాషలు</h1> <p>HTML హైల్లోకి వెబ్ పేజీలను సృష్టించే ప్రమాణ మేకప్ భాష. HTML హైల్లోకి వెబ్ పేజీల స్రవంతిని వివరిస్తుంది, అంశాల ఒక శ్రేణిగా ఉంటుంది......</p> <hr> <p>CSS హైల్లోకి అంశాలను స్క్రీన్, కాగితం లేదా ఇతర మీడియాలో చూపించే విధానాన్ని వివరించే భాష. ......</p> <hr> <p>JavaScript లోకి హైల్లోకి మరియు వెబ్ యొక్క ప్రోగ్రామింగ్ భాష. JavaScript హైల్లోకి మరియు అంశాల విలువలను మార్చవచ్చు......</p>
ఉదాహరణ 2
సరిహద్దు కలిగించండి <hr> అంశం (ఉపయోగించండి CSS)：
<hr style="width:50%;text-align:left;margin-left:0">
ఉదాహరణ 3
నిష్క్రియ శేడు లేని <hr> （ఉపయోగించండి CSS）：
<hr style="height:2px;border-width:0;color:gray;background-color:gray">
ఉదాహరణ 4
సెట్ <hr> కాలిపెట్టు పొడవు (CSS ఉపయోగం):
<hr style="height:30px">
ఉదాహరణ 5
సెట్ <hr> కాలిపెట్టు వెడల్పు (CSS ఉపయోగం):
<hr style="width:50%">
గ్లోబల్ అట్రిబ్యూట్స్
<hr> టాగ్ ఇవెంట్ అట్రిబ్యూట్స్ కూడా మద్దతు ఇస్తుంది HTML లో గ్లోబల్ అట్రిబ్యూట్స్.
ఇవెంట్ అట్రిబ్యూట్స్
<hr> టాగ్ ఇవెంట్ అట్రిబ్యూట్స్ కూడా మద్దతు ఇస్తుంది HTML లో ఇవెంట్ అట్రిబ్యూట్స్.
అప్రమేయ సిఎస్ఎస్ సెట్టింగ్స్
అత్యంత బ్రౌజర్లు క్రింది మూల విలువలను విరివిగా ప్రదర్శిస్తాయి <hr> కాలిపెట్టులు:
hr {
display: block;
margin-top: 0.5em;
margin-bottom: 0.5em;
margin-left: auto;
margin-right: auto;
border-style: inset;
border-width: 1px;
}
బ్రౌజర్ మద్దతు
| చ్రోమ్ | ఎడ్జ్ | ఫైర్ఫాక్స్ | సఫారీ | ఆపెరా |
|---|---|---|---|---|
| చ్రోమ్ | ఎడ్జ్ | ఫైర్ఫాక్స్ | సఫారీ | ఆపెరా |
| మద్దతు | మద్దతు | మద్దతు | మద్దతు | మద్దతు |
