تایپوگرافی
نمایش سرفصل ها
عناصر عنوان سنتی به گونه‌ای طراحی شده‌اند که بهترین عملکرد را در محتوای صفحه شما داشته باشند.
نمایشگر 1
Suspendisse vel quam malesuada، aliquet sem sit\n
نمایشگر 2
در nec rhoncus eros.
نمایش 3
وستیبولوم auctor tincidunt semper.
نمایشگر 4
Nulla et Mattis nunc.
نمایشگر 5
Nulla et Mattis nunc.
نمایشگر 6
Nulla et Mattis nunc.
\u003ch1 class\u003d\
سرفصل ها
تمام عناوین HTML،<h1> through
<h6>, are available. .h1 through .h6
classes are also available, for when you want to match the font styling of a heading
but still want your text to be displayed inline.
این یک عنوان 1 است
Suspendisse vel quam malesuada، aliquet sem sit\n
این یک عنوان 2 است
در nec rhoncus eros.
این یک عنوان 3 است
وستیبولوم auctor tincidunt semper.
این یک عنوان 4 است
Nulla et Mattis nunc.
این یک عنوان 5 است
Quisque nec turpis در urna dictum luctus.\n
این یک عنوان 6 است
Donec ultricies، lacus id tempor condimentum، orci\n
\u003ch1\u003eh1.
عناصر متن درون خطی
یک ظاهر طراحی برای عناصر رایج HTML5 درون خطی.
عنوان شما اینجاست
می توانید از تگ علامت گذاری استفاده کنیدhighlight text.
This line of text is meant to be treated as deleted text.
This line of text is meant to be treated as no longer accurate.
This line of text is meant to be treated as an addition to the document.
This line of text will render as underlined
این خط از متن به عنوان چاپ ظریف در نظر گرفته شده است.
این خط به صورت متن پررنگ ارائه می شود.
This line rendered as italicized text.
نولاattr vitae elit libero, a pharetra augue.
\u003cp class\u003d\
رنگ متن متنی
تنوع رنگی موجود
Fusce dapibus، telus ac cursus commodo، tortor mauris nibh.
Nullam id dolor id nibh ultrices vehicula ut id elit.
Duis mollis، est non commodo luctus، nisi erat porttitor ligula.
Maecenas sed diam eget risus varius blandit sit amet non magna.
Etiam porta sem malesuada magna mollis euismod.
Donec ullamcorper nulla non metus auctor fringilla.
Nullam id dolor id nibh ultrices vehicula ut id elit.
Fusce dapibus، telus ac cursus commodo، tortor mauris nibh.
Nullam id dolor id nibh ultrices vehicula ut id elit.
Duis mollis، est non commodo luctus، nisi erat porttitor ligula.
\u003cp class\u003d\
بدون سفارش
فهرستی از مواردی که ترتیب آنها به صراحت اهمیت ندارد.
- Lorem ipsum dolor sit amet
- Consectetur adipiscing elit
- عدد صحیح molestie lorem at massa
- تسهیل در پرتیوم نیسل aliquet
- Nulla volutpat aliquam velit
- Phasellus iaculis neque
- زخم های پوروس سودال
- Sem porttitor وستیبولوم laoreet
- Ac tristique libero volutpat at
- Faucibus porta lacus fringilla vel
- Aenean sit amet erat nunc
- Eget porttitor lorem
\u003cul\u003e\n
سفارش داده شده
فهرستی از مواردی که ترتیب آنها به صراحت اهمیت دارد.
- Lorem ipsum dolor sit amet
- Consectetur adipiscing elit
- عدد صحیح molestie lorem at massa
- تسهیل در پرتیوم نیسل aliquet
- Nulla volutpat aliquam velit
- Phasellus iaculis neque
- زخم های پوروس سودال
- Sem porttitor وستیبولوم laoreet
- Ac tristique libero volutpat at
- Faucibus porta lacus fringilla vel
- Aenean sit amet erat nunc
- Eget porttitor lorem
\u003col\u003e\n
بی استایل
این فقط برای کودکان فوری صدق می کند\n , meaning you will need to add the class for any nested lists as well.
- Lorem ipsum dolor sit amet
- عدد صحیح molestie lorem at massa
- Phasellus iaculis neque
- Faucibus porta lacus fringilla vel
- Eget porttitor lorem
درون خطی
همه موارد لیست را در یک خط قرار دهید
display: inline-block;
and some light padding.
- لورم اپیسوم
- Phasellus iaculis
- Nulla volutpat
\u003cul class\u003d\
نقل قول های بلوکی
برای نقل قول بلوک های محتوا از منبع دیگری در سند شما. <blockquote class="blockquote"> around any HTML as the quote.
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
در صورت نیاز از ابزارهای متنی برای تغییر تراز نقل قول خود استفاده کنید.
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
\u003c!-- چپ --\u003e\n
تراز فهرست توضیحات
با استفاده از کلاس های از پیش تعریف شده سیستم گرید ما (یا میکس های معنایی)، اصطلاحات و توضیحات را به صورت افقی تراز کنید. .text-truncate class to truncate the text with an ellipsis.
- لیست های توضیحات
- لیست توضیحات برای تعریف اصطلاحات عالی است.
- Euismod
-
Vestibulum id ligula porta felis euismod semper eget lacinia odio sem nec elit.
Donec id elit non mi porta gravida at eget metus.
- Malesuada porta
- Etiam porta sem malesuada magna mollis euismod.
- اصطلاح کوتاه شده کوتاه شده است
- Fusce dapibus، telus ac cursus commodo، Tortor Mauris Condimentum nibh، ut fermentum massa justo sit amet risus.
- لانه سازی
-
- لیست تعریف تو در تو
- Aenean posuere, Tortor sed cursus feugiat, nunc augue blandit nunc.
\u003cdl class\u003d\