علامة <pre> HTML


مثال

نص منسق مسبقًا:

<pre>
Text in a pre element
is displayed in a fixed-width
font, and it preserves
both      spaces and
line breaks
</pre>

المزيد من الأمثلة "جربها بنفسك" أدناه.


التعريف والاستخدام

<pre>تحدد العلامة النص المنسق مسبقًا .

يتم عرض النص في <pre>عنصر بخط ذو عرض ثابت ، ويحافظ النص على كل من المسافات وفواصل الأسطر. سيتم عرض النص تمامًا كما هو مكتوب في شفرة مصدر HTML.

انظر أيضًا إلى:

Tag Description
<code> Defines a piece of computer code
<samp> Defines sample output from a computer program
<kbd> Defines keyboard input
<var> Defines a variable

دعم المتصفح

Element
<pre> Yes Yes Yes Yes Yes


السمات العالمية

تدعم <pre>العلامة أيضًا السمات العامة في HTML .


سمات الحدث

تدعم <pre>العلامة أيضًا سمات الحدث في HTML .


مزيد من الأمثلة

مثال

كيفية إنشاء نص منسق مسبقًا بعرض ثابت (باستخدام CSS):

<div style="width:200px;overflow:auto">
<pre>This is a pre with a fixed width. It will use as much space as specified.</pre>
</div>

الصفحات ذات الصلة

دروس HTML: تنسيق نص HTML

مرجع DOM HTML: الكائن المسبق


إعدادات CSS الافتراضية

ستعرض معظم المتصفحات <pre>العنصر بالقيم الافتراضية التالية:

مثال

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