ਮੁੱਖ ਸਮੱਗਰੀ ਤੇ ਜਾਓ ਡੌਕਸ ਨੈਵੀਗੇਸ਼ਨ 'ਤੇ ਜਾਓ
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>

Sass ਵੇਰੀਏਬਲ ਦੀ ਵਰਤੋਂ ਕਰਦੇ ਹੋਏ, ਤੁਸੀਂ $overflowsਵੇਰੀਏਬਲ ਨੂੰ ਵਿੱਚ ਬਦਲ ਕੇ ਓਵਰਫਲੋ ਉਪਯੋਗਤਾਵਾਂ ਨੂੰ ਅਨੁਕੂਲਿਤ ਕਰ ਸਕਦੇ ਹੋ _variables.scss

ਸੱਸ

ਉਪਯੋਗਤਾ API

ਓਵਰਫਲੋ ਉਪਯੋਗਤਾਵਾਂ ਨੂੰ ਸਾਡੀਆਂ ਉਪਯੋਗਤਾਵਾਂ API ਵਿੱਚ ਘੋਸ਼ਿਤ ਕੀਤਾ ਗਿਆ ਹੈ scss/_utilities.scssਯੂਟਿਲਿਟੀਜ਼ API ਦੀ ਵਰਤੋਂ ਕਿਵੇਂ ਕਰਨੀ ਹੈ ਬਾਰੇ ਜਾਣੋ।

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