علامة HTML <q>


مثال

ترميز اقتباس قصير:

<p>WWF's goal is to:
<q>Build a future where people live in harmony with nature.</q>
We hope they succeed.</p>

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


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

تحدد العلامة <q>اقتباسًا قصيرًا.

تقوم المستعرضات عادةً بإدراج علامات الاقتباس حول الاقتباس.

نصيحة: استخدم <blockquote> لعروض الأسعار الطويلة. 


دعم المتصفح

Element
<q> Yes Yes Yes Yes Yes

صفات

Attribute Value Description
cite URL Specifies the source URL of the quote


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

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


سمات الحدث

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


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

مثال

استخدم CSS لتصميم عنصر <q>:

<html>
<head>
<style>
q {
  color: gray;
  font-style: italic;
}
</style>
</head>
<body>

<p>WWF's goal is to:
<q>Build a future where people live in harmony with nature.</q>
We hope they succeed.</p>

</body>
</html>

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

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


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

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

مثال

q {
  display: inline;
}

q:before {
  content: open-quote;
}

q:after {
  content: close-quote;
}