‎‎تگ تفكيكيHTML <hr> Tag -‎

Previous >    <Next  

‎‎مثال ـ تگ‎<hr>‎ براي تفكيك تغييرات موضوعي

<h1>The Main Languages of the Web</h1>

<p>HTML is the standard markup language for creating Web pages. HTML describes the structure of a Web page, and consists of a series of elements. HTML elements tell the browser how to display the content.</p>

<hr>

<p>CSS is a language that describes how HTML elements are to be displayed on screen, paper, or in other media. CSS saves a lot of work, because it can control the layout of multiple web pages all at once.</p>

<hr>

<p>JavaScript is the programming language of HTML and the Web. JavaScript can change HTML content and attribute values. JavaScript can change CSS. JavaScript can hide and show HTML elements, and more.</p> 

--(go to editor for change code and run)

‎‎تعريف وكاربردDefinition and Usage -‎

‎تگ‎<hr>‎ يك تفكيك معناداري را براي محتوي در سند معرفي ميكند .بعنوان نمونه ‎تغيير موضوع

‎‎تگ فوق براي تفكيك محتوي ترسيم يك خط افقي را مابين دو مطلب در صفحه معرفي ميكند.

‎‎پشتيباني مرورگرBrowser Support -‎

‎Element‎ Chorome Edge Firefox Safari Opera
‎‎<hr>‎‎ ‎Yes‎ ‎Yes‎ ‎Yes‎ ‎Yes‎ ‎Yes‎

‎‎ويژگي هاي جهانيGlobal Attributes -‎

‎‎تگ‎<hr>‎ از ويژگي هاي جهانيHTML پيروي ميكند.

‎‎ويژگي هاي رويداديEvent Attributes -‎

‎‎تگ فوق همچنين از ويژگي هاي رويدادي پيروي ميكند.

‎‎مثالهاي بيشتر

‎‎مثال ـ تراز عنصر‎<hr>‎ با CSS

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

--(go to editor for change code and run)

‎‎مثال ـ بدون سايه‎<hr>‎ با CSS

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

--(go to editor for change code and run)

‎‎مثال ـ تنظيم ارتفاع عنصر‎<hr>‎ باCSS

<hr style="height:30px"> 

--(go to editor for change code and run)

‎‎مثال ـ تنظيم عرض عنصر‎<hr>‎ با CSS

<hr style="width:50%"> 

--(go to editor for change code and run)

‎‎تنظيمات پيش فرضDefault CSS Settings -‎

‎‎اغلب مرورگرها نمايش عنصر‎<hr>‎ مطابق تنظيمات پيش فرضي زيرانجام ميدهند.

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

--(go to editor for change code and run)

‎مرجع كامل تگهايHTML
‎مرجع كامل ويژگيهايHTML


Previous >    <Next