Text
Текстовые классы используют синтаксисp-text-value.
Alignment
Для выравнивания доступны четыре варианта.
- left
- center
- right
- justifyLeftCenterRightJustify
<div class="p-mb-3 p-text-left">Left</div>
<div class="p-mb-3 p-text-center">Center</div>
<div class="p-mb-3 p-text-right">Right</div>
<div class="p-text-justify">Justify</div>Wrap
Перенос текста определяет, как будет отображаться текст, когда он превысит размер своего контейнера.
- nowrap
- wrap
- truncateLong text wraps and does not overlow.Long text does not wrap and overflows the parent.Long text does not wrap and overflows the parent.
<div class="p-mb-3 demo-container" style="width: 10rem">Long text wraps and does not overlow.</div>
<div class="p-mb-3 demo-container p-text-nowrap" style="width: 10rem">Long text does not wrap and overflows the parent.</div>
<div class="p-mb-3 demo-container p-text-nowrap p-text-truncate" style="width: 10rem">Long text does not wrap and overflows the parent.</div>Transform
Свойство Transform изменяет регистр текста.
- lowercase
- uppercase
- capitalizeLOWERCASEuppercasecapitalize
<div class="p-mb-3 p-text-lowercase">LOWERCASE</div>
<div class="p-mb-3 p-text-uppercase">uppercase</div>
<div class="p-text-capitalize">capitalize</div>Style
Стиль текста применяется к жирноте и начертанию шрифта.
- bold
- normal
- light
- italicBoldNormalLightItalic
<div class="p-mb-3 p-text-bold">Bold</div>
<div class="p-mb-3 p-text-normal">Normal</div>
<div class="p-mb-3 p-text-light">Light</div>
<div class="p-mb-3 p-text-italic">Italic</div>