நிரம்பி வழிகிறது

ஒரு உறுப்பின் உள்ளடக்கம் எவ்வாறு நிரம்பி வழிகிறது என்பதை விரைவாக உள்ளமைக்க, இந்த சுருக்கெழுத்து பயன்பாடுகளைப் பயன்படுத்தவும்.

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>

$overflowsSass மாறிகளைப் பயன்படுத்தி, இல் உள்ள மாறியை மாற்றுவதன் மூலம் வழிதல் பயன்பாடுகளைத் தனிப்பயனாக்கலாம் _variables.scss.

சாஸ்

பயன்பாடுகள் API

அதிகப்படியான பயன்பாடுகள் எங்கள் பயன்பாட்டு API இல் அறிவிக்கப்பட்டுள்ளன scss/_utilities.scss. பயன்பாடுகள் API ஐ எவ்வாறு பயன்படுத்துவது என்பதை அறிக.

    "overflow": (
      property: overflow,
      values: auto hidden visible scroll,
    ),