in English
ಉಕ್ಕಿ ಹರಿಯುತ್ತದೆ
ಒಂದು ಅಂಶವನ್ನು ವಿಷಯವು ಹೇಗೆ ಉಕ್ಕಿ ಹರಿಯುತ್ತದೆ ಎಂಬುದನ್ನು ತ್ವರಿತವಾಗಿ ಕಾನ್ಫಿಗರ್ ಮಾಡಲು ಈ ಕಿರುಹೊತ್ತಿಗೆ ಉಪಯುಕ್ತತೆಗಳನ್ನು ಬಳಸಿ.
overflow
ನಾಲ್ಕು ಡೀಫಾಲ್ಟ್ ಮೌಲ್ಯಗಳು ಮತ್ತು ವರ್ಗಗಳೊಂದಿಗೆ ಫ್ಲೈನಲ್ಲಿ ಆಸ್ತಿಯನ್ನು ಹೊಂದಿಸಿ . ಈ ವರ್ಗಗಳು ಪೂರ್ವನಿಯೋಜಿತವಾಗಿ ಸ್ಪಂದಿಸುವುದಿಲ್ಲ.
.overflow-auto
ಸೆಟ್ ಅಗಲ ಮತ್ತು ಎತ್ತರದ ಆಯಾಮಗಳೊಂದಿಗೆ ಅಂಶವನ್ನು
ಬಳಸುವ ಒಂದು ಉದಾಹರಣೆಯಾಗಿದೆ
. ವಿನ್ಯಾಸದ ಮೂಲಕ, ಈ ವಿಷಯವು ಲಂಬವಾಗಿ ಸ್ಕ್ರಾಲ್ ಆಗುತ್ತದೆ.
.overflow-hidden
ಸೆಟ್ ಅಗಲ ಮತ್ತು ಎತ್ತರದ ಆಯಾಮಗಳೊಂದಿಗೆ ಅಂಶವನ್ನು
ಬಳಸುವ ಒಂದು ಉದಾಹರಣೆಯಾಗಿದೆ
..overflow-visible
ಸೆಟ್ ಅಗಲ ಮತ್ತು ಎತ್ತರದ ಆಯಾಮಗಳೊಂದಿಗೆ ಅಂಶವನ್ನು
ಬಳಸುವ ಒಂದು ಉದಾಹರಣೆಯಾಗಿದೆ
..overflow-scroll
ಸೆಟ್ ಅಗಲ ಮತ್ತು ಎತ್ತರದ ಆಯಾಮಗಳೊಂದಿಗೆ ಅಂಶವನ್ನು
ಬಳಸುವ ಒಂದು ಉದಾಹರಣೆಯಾಗಿದೆ
.<div class="overflow-auto">...</div>
<div class="overflow-hidden">...</div>
<div class="overflow-visible">...</div>
<div class="overflow-scroll">...</div>
$overflows
ಸಾಸ್ ವೇರಿಯೇಬಲ್ಗಳನ್ನು ಬಳಸಿ, ನೀವು ವೇರಿಯೇಬಲ್ ಅನ್ನು ಬದಲಾಯಿಸುವ ಮೂಲಕ ಓವರ್ಫ್ಲೋ ಉಪಯುಕ್ತತೆಗಳನ್ನು ಕಸ್ಟಮೈಸ್ ಮಾಡಬಹುದು _variables.scss
.
ಸಾಸ್
ಉಪಯುಕ್ತತೆಗಳ API
ಓವರ್ಫ್ಲೋ ಉಪಯುಕ್ತತೆಗಳನ್ನು ನಮ್ಮ ಉಪಯುಕ್ತತೆಗಳ API ನಲ್ಲಿ ಘೋಷಿಸಲಾಗಿದೆ scss/_utilities.scss
. ಉಪಯುಕ್ತತೆಗಳ API ಅನ್ನು ಹೇಗೆ ಬಳಸುವುದು ಎಂದು ತಿಳಿಯಿರಿ.
"overflow": (
property: overflow,
values: auto hidden visible scroll,
),