داغ ترین ویدیو بابلز لرن : هک کلاس های مجازی توسط متین برونسی

تگ pre در HTML

  /  فرانت اند   /  HTML   /  تگ pre در HTML

با استفاده از تگ pre در HTML میتوان یک متن با فرمت یا قالب دلخواه ایجاد کرد.

مثال

<pre>
آزمایش با        قالب دلخواه است     همانطور
که مشاهده میکنید    
متن ما به همان     شکلی نمایش     داده می شود    که داخل سند    HTML
قرار دارد.
</pre>


تعریف و کاربرد

از تگ pre در HTML برای ساخت متن های از پیش فرمت شده با قالب دلخواه استفاده میکنیم.

متن ها درون تگ <pre> دقیقاً به همان شکلی نمایش داده می شوند که در سند HTML نوشته شده اند و تمامی فاصله ها ، فضاهای خالی ، خط های شکسته در نظر گرفته شده و اعمال می شوند.


پشتیبانی مرورگر ها

عنصر
<pre>بلهبلهبلهبلهبله

خواص عمومی

تگ pre از خواص عمومی در HTML پشتیبانی میکند.

رویداد های عمومی

تگ pre از رویداد های عمومی در HTML پشتیبانی میکند.

تنظیمات پیش فرض CSS

اکثر مرورگر ها عنصر pre در HTML را با تنظیمات پیش فرض زیر نمایش می دهند:

pre {
  display: block;
  font-family: monospace;
  white-space: pre;
  margin: 1em 0;
}

مثال بیشتر

در مثال زیر یک عرض فیکس شده تنظیم کرده ایم که در صورت طولانی بودن متن شاهد نوار اسکرول جهت مشاهده مابقی متن در تگ <pre> هستیم:

تماشا در حالت تمام صفحه

5/5 - (3 امتیاز)
 #نهج_البلاغه_بخوانیم

توجّه به پايان پذيرى دنيا

(شخصى از امام پرسيد حال شما چگونه است؟ فرمود:) چگونه خواهد بود حال كسى كه در بقاياى خود ناپايدار، و در سلامتى بيمار است، و در آنجا كه آسايش دارد مرگ او فرا مى رسد.

حکمت 115 نهج البلاغه

برای دسترسی به آموزش های بیشتر و ویدیو های من، کلمه کلیدی متین برونسی را داخل گوگل سرچ کنید.