HTML <hr> تیگ

kauyawa da amfani

<hr> tago bayyana yawa da sauransu a cikin yanar gizo HTML (misali, yanayin yawa da sauransu).

<hr> matan yau ya fi shahara a matsayin wuri na kudu, wanda zai iya tsaftace matan yanar gizo, ko bayyana yawa da sauransu.

kuma ya kamata:

Kita'war HTML DOM:HR kwanan

mukaddas

wasan 1

a gina <hr> a gina tago don bayyana yawa da sauransu:

<h1>Lunin Yanci na Web</h1>
<p>HTML wani yanci ne mai bayyana matsayin yanar gizo. HTML bayyana matsayin yanar gizo, kuma yana yi aiki da kungiyar abubuwan......</p>
<hr>
<p>CSS wani yanci ne mai nuna hanyar HTML matan yau yi koyi zai ikon, wasa, ko wuri ko aiki da sauransu......</p>
<hr>
<p>JavaScript wani kwarin laman HTML da Web. JavaScript zai iya kara karya HTML da alamun kimiyya......</p>

Try it yourself

wasan 2

yinonon <hr> matan (a gina CSS)：

<hr style="width:50%;text-align:left;margin-left:0">

Try it yourself

wasan 3

baya abu sha <hr> （a gina CSS）：

<hr style="height:2px;border-width:0;color:gray;background-color:gray">

Try it yourself

Example 4

Set <hr> Element height (using CSS):

<hr style="height:30px">

Try it yourself

Example 5

Set <hr> Element width (using CSS):

<hr style="width:50%">

Try it yourself

Global attributes

<hr> The tag also supports Global attributes in HTML.

event attributes

<hr> The tag also supports Event attributes in HTML.

Default CSS settings

Most browsers will use the following default values to display <hr> Element:

hr {
  display: block;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  margin-left: auto;
  margin-right: auto;
  border-style: inset;
  border-width: 1px;
}

Try it yourself

Browser support

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Support Support Support Support Support