ಪಠ್ಯ
ಜೋಡಣೆ, ಸುತ್ತುವಿಕೆ, ತೂಕ ಮತ್ತು ಹೆಚ್ಚಿನದನ್ನು ನಿಯಂತ್ರಿಸಲು ಸಾಮಾನ್ಯ ಪಠ್ಯ ಉಪಯುಕ್ತತೆಗಳಿಗಾಗಿ ದಾಖಲಾತಿ ಮತ್ತು ಉದಾಹರಣೆಗಳು.
ಪಠ್ಯ ಜೋಡಣೆ
ಪಠ್ಯ ಜೋಡಣೆ ತರಗತಿಗಳೊಂದಿಗೆ ಘಟಕಗಳಿಗೆ ಪಠ್ಯವನ್ನು ಸುಲಭವಾಗಿ ಮರುಹೊಂದಿಸಿ.
ಮಹತ್ವಾಕಾಂಕ್ಷೆಯ ಸ್ಕ್ರಿಪ್ಸಿಸ್ಸೆ ಯುಡಿಕರೆಟರ್. ಕ್ರಾಸ್ ಮ್ಯಾಟಿಸ್ ಐಡಿಸಿಯಮ್ ಪುರಸ್ ಸಿಟ್ ಅಮೆಟ್ ಫರ್ಮೆಂಟಮ್. ಡೊನೆಕ್ ಸೆಡ್ ಒಡಿಯೊ ಒಪೆರಾ, ಇಯು ವಲ್ಪುಟೇಟ್ ಫೆಲಿಸ್ ರೋಂಕಸ್. ಪ್ರೀಟೆರಿಯಾ ಇಟರ್ ಎಸ್ಟ್ ಕ್ವಾಸ್ಡಮ್ ರೆಸ್ ಕ್ವಾಸ್ ಎಕ್ಸ್ ಕಮ್ಯುನಿ. ಅಟ್ ನೋಸ್ ಹಿಂಕ್ ಪೋಸ್ಟ್ಹಾಕ್, ಸಿಟಿಯೆಂಟಿಸ್ ಪೈರೋಸ್ ಆಫ್ರೋಸ್. ಪೆಟಿಯೆರುಂಟ್ ಯುಟಿ ಸಿಬಿ ಕಾನ್ಸಿಲಿಯಮ್ ಟೋಟಿಯಸ್ ಗಲ್ಲಿಯೇ ಇನ್ ಡೈಮ್ ಸೆರ್ಟಮ್ ಇಂಡಿಸರ್. ಕ್ರಾಸ್ ಮ್ಯಾಟಿಸ್ ಐಡಿಸಿಯಮ್ ಪುರಸ್ ಸಿಟ್ ಅಮೆಟ್ ಫರ್ಮೆಂಟಮ್.
ಎಡ, ಬಲ ಮತ್ತು ಮಧ್ಯದ ಜೋಡಣೆಗಾಗಿ, ಗ್ರಿಡ್ ಸಿಸ್ಟಮ್ನಂತೆ ಅದೇ ವ್ಯೂಪೋರ್ಟ್ ಅಗಲ ಬ್ರೇಕ್ಪಾಯಿಂಟ್ಗಳನ್ನು ಬಳಸುವ ರೆಸ್ಪಾನ್ಸಿವ್ ತರಗತಿಗಳು ಲಭ್ಯವಿದೆ.
ಎಲ್ಲಾ ವ್ಯೂಪೋರ್ಟ್ ಗಾತ್ರಗಳಲ್ಲಿ ಎಡಕ್ಕೆ ಜೋಡಿಸಲಾದ ಪಠ್ಯ.
ಎಲ್ಲಾ ವ್ಯೂಪೋರ್ಟ್ ಗಾತ್ರಗಳಲ್ಲಿ ಪಠ್ಯವನ್ನು ಮಧ್ಯಕ್ಕೆ ಜೋಡಿಸಲಾಗಿದೆ.
ಎಲ್ಲಾ ವ್ಯೂಪೋರ್ಟ್ ಗಾತ್ರಗಳಲ್ಲಿ ಬಲಕ್ಕೆ ಜೋಡಿಸಲಾದ ಪಠ್ಯ.
SM (ಸಣ್ಣ) ಅಥವಾ ಅಗಲವಾದ ವ್ಯೂಪೋರ್ಟ್ಗಳಲ್ಲಿ ಎಡಕ್ಕೆ ಜೋಡಿಸಲಾದ ಪಠ್ಯ.
MD (ಮಧ್ಯಮ) ಅಥವಾ ಅಗಲವಾದ ವ್ಯೂಪೋರ್ಟ್ಗಳಲ್ಲಿ ಎಡಕ್ಕೆ ಜೋಡಿಸಲಾದ ಪಠ್ಯ.
LG (ದೊಡ್ಡದು) ಅಥವಾ ಅಗಲವಾದ ವ್ಯೂಪೋರ್ಟ್ಗಳಲ್ಲಿ ಎಡಕ್ಕೆ ಜೋಡಿಸಲಾದ ಪಠ್ಯ.
XL ಗಾತ್ರದ (ಹೆಚ್ಚು ದೊಡ್ಡದು) ಅಥವಾ ಅಗಲವಾದ ವ್ಯೂಪೋರ್ಟ್ಗಳಲ್ಲಿ ಎಡಕ್ಕೆ ಜೋಡಿಸಲಾದ ಪಠ್ಯ.
ಪಠ್ಯ ಸುತ್ತುವಿಕೆ ಮತ್ತು ಓವರ್ಫ್ಲೋ
.text-wrap
ತರಗತಿಯೊಂದಿಗೆ ಪಠ್ಯವನ್ನು ಸುತ್ತಿ .
.text-nowrap
ಪಠ್ಯವನ್ನು ತರಗತಿಯೊಂದಿಗೆ ಸುತ್ತುವುದನ್ನು ತಡೆಯಿರಿ .
.text-truncate
ದೀರ್ಘವಾದ ವಿಷಯಕ್ಕಾಗಿ, ಎಲಿಪ್ಸಿಸ್ನೊಂದಿಗೆ ಪಠ್ಯವನ್ನು ಮೊಟಕುಗೊಳಿಸಲು ನೀವು ವರ್ಗವನ್ನು ಸೇರಿಸಬಹುದು . ಅಗತ್ಯವಿದೆ display: inline-block
ಅಥವಾ display: block
.
ಪದ ವಿರಾಮ
.text-break
ಹೊಂದಿಸಲು word-wrap: break-word
ಮತ್ತು ಬಳಸುವುದರ ಮೂಲಕ ನಿಮ್ಮ ಘಟಕಗಳ ವಿನ್ಯಾಸವನ್ನು ಮುರಿಯುವುದರಿಂದ ಪಠ್ಯದ ಉದ್ದನೆಯ ತಂತಿಗಳನ್ನು ತಡೆಯಿರಿ word-break: break-word
. ವ್ಯಾಪಕವಾದ ಬ್ರೌಸರ್ ಬೆಂಬಲಕ್ಕಾಗಿ ನಾವು word-wrap
ಹೆಚ್ಚು ಸಾಮಾನ್ಯವಾದ ಬದಲಿಗೆ ಬಳಸುತ್ತೇವೆ ಮತ್ತು ಫ್ಲೆಕ್ಸ್ ಕಂಟೇನರ್ಗಳೊಂದಿಗಿನ ಸಮಸ್ಯೆಗಳನ್ನು ತಪ್ಪಿಸಲು ಅಸಮ್ಮತಿಯನ್ನು ಸೇರಿಸುತ್ತೇವೆ.overflow-wrap
word-break: break-word
ಮಮಮಮಮಮಮಮಮಮಮಮಮಮಮಮಮಮಮಮಮಮಮಮಮಮಮಮಮಮಮಮಮಮಮಮ
ಪಠ್ಯ ರೂಪಾಂತರ
ಪಠ್ಯ ಕ್ಯಾಪಿಟಲೈಸೇಶನ್ ತರಗತಿಗಳೊಂದಿಗೆ ಘಟಕಗಳಲ್ಲಿ ಪಠ್ಯವನ್ನು ಪರಿವರ್ತಿಸಿ.
ಚಿಕ್ಕ ಅಕ್ಷರದ ಪಠ್ಯ.
ದೊಡ್ಡಕ್ಷರ ಪಠ್ಯ.
CapiTaliZed ಪಠ್ಯ.
ಪ್ರತಿ ಪದದ ಮೊದಲ ಅಕ್ಷರವನ್ನು ಮಾತ್ರ ಹೇಗೆ ಬದಲಾಯಿಸುತ್ತದೆ ಎಂಬುದನ್ನು ಗಮನಿಸಿ .text-capitalize
, ಯಾವುದೇ ಇತರ ಅಕ್ಷರಗಳ ಪ್ರಕರಣವನ್ನು ಬಾಧಿಸುವುದಿಲ್ಲ.
ಫಾಂಟ್ ತೂಕ ಮತ್ತು ಇಟಾಲಿಕ್ಸ್
ಪಠ್ಯದ ತೂಕವನ್ನು (ಧೈರ್ಯ) ತ್ವರಿತವಾಗಿ ಬದಲಾಯಿಸಿ ಅಥವಾ ಪಠ್ಯವನ್ನು ಇಟಾಲಿಕ್ ಮಾಡಿ.
ದಪ್ಪ ಪಠ್ಯ.
ದಪ್ಪ ತೂಕದ ಪಠ್ಯ (ಮೂಲ ಅಂಶಕ್ಕೆ ಸಂಬಂಧಿಸಿದಂತೆ).
ಸಾಮಾನ್ಯ ತೂಕ ಪಠ್ಯ.
ಕಡಿಮೆ ತೂಕದ ಪಠ್ಯ.
ಕಡಿಮೆ ತೂಕದ ಪಠ್ಯ (ಮೂಲ ಅಂಶಕ್ಕೆ ಸಂಬಂಧಿಸಿದಂತೆ).
ಇಟಾಲಿಕ್ ಪಠ್ಯ.
ಮಾನೋಸ್ಪೇಸ್
ಜೊತೆಗೆ ನಮ್ಮ ಮೊನೊಸ್ಪೇಸ್ ಫಾಂಟ್ ಸ್ಟ್ಯಾಕ್ಗೆ ಆಯ್ಕೆಯನ್ನು ಬದಲಾಯಿಸಿ .text-monospace
.
ಇದು ಮಾನೋಸ್ಪೇಸ್ನಲ್ಲಿದೆ
ಬಣ್ಣವನ್ನು ಮರುಹೊಂದಿಸಿ
ನೊಂದಿಗೆ ಪಠ್ಯ ಅಥವಾ ಲಿಂಕ್ನ ಬಣ್ಣವನ್ನು ಮರುಹೊಂದಿಸಿ .text-reset
, ಇದರಿಂದ ಅದು ಅದರ ಪೋಷಕರಿಂದ ಬಣ್ಣವನ್ನು ಪಡೆದುಕೊಳ್ಳುತ್ತದೆ.
ಮರುಹೊಂದಿಸುವ ಲಿಂಕ್ನೊಂದಿಗೆ ಪಠ್ಯವನ್ನು ಮ್ಯೂಟ್ ಮಾಡಲಾಗಿದೆ .
ಪಠ್ಯ ಅಲಂಕಾರ
.text-decoration-none
ತರಗತಿಯೊಂದಿಗೆ ಪಠ್ಯ ಅಲಂಕಾರವನ್ನು ತೆಗೆದುಹಾಕಿ .