تایپوگرافی
نمایش سرفصل ها
عناصر عنوان سنتی به گونهای طراحی شدهاند که بهترین عملکرد را در محتوای صفحه شما داشته باشند.
نمایشگر 1
Suspendisse vel quam malesuada، aliquet sem sit\n
نمایشگر 2
در nec rhoncus eros.
نمایش 3
وستیبولوم auctor tincidunt semper.
نمایشگر 4
Nulla et Mattis nunc.
نمایشگر 5
وستیبولوم auctor tincidunt semper.
نمایشگر 6
Nulla et Mattis nunc.
سرفصل ها
تمام عناوین 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
عناصر متن درون خطی
متن عالی شما اینجاست.
عنوان شما اینجاست
می توانید از تگ علامت گذاری استفاده کنید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.
رنگ متن متنی
متن عالی شما اینجاست.
Etiam porta sem malesuada magna mollis euismod.
Donec ullamcorper nulla non metus auctor fringilla.
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.
بدون سفارش
فهرستی از مواردی که ترتیب آنها به صراحت اهمیت ندارد.
- 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
سفارش داده شده
فهرستی از مواردی که ترتیب آنها به صراحت اهمیت دارد.
- 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
بی استایل
این فقط برای کودکان فوری صدق می کند\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
نقل قول های بلوکی
متن عالی شما اینجاست.
در صورت نیاز از ابزارهای متنی برای تغییر تراز نقل قول خود استفاده کنید.
تراز فهرست توضیحات
با استفاده از کلاس های از پیش تعریف شده سیستم گرید ما (یا میکس های معنایی)، اصطلاحات و توضیحات را به صورت افقی تراز کنید. .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.