184 of 313 menu

Функсияи clamp

Функсияи clamp се параметр қабул мекунад: арзиши ҳадди ақал, арзиши бартарӣ ва арзиши ҳадди аксар. Он бармегардонад:

  • арзиши ҳадди ақал, агар арзиши бартарӣ аз ҳадди ақал хурдтар бошад
  • арзиши ҳадди аксар, агар арзиши бартарӣ аз ҳадди аксар калонтар бошад
  • арзиши бартарӣ, агар он дар байни ҳадди ақал ва ҳадди аксар қарор дошта бошад

Синтаксис

интихобкунанда { хосият: clamp(min, pref, max); }

Намуна . Маҳдуд кардани андозаи блок

Дар намунаи зерин андозаи бартари блок 30% аз паҳнои экран хоҳад буд. Вале хурдтар аз 100px ва калонтар аз 300px он наметавонад шавад:

<div id="con1"></div> <div id="targ"></div> <div id="con2"></div> #targ { width: clamp(100px, 30%, 300px); height: 100px; border: 1px solid red; margin: 30px auto; } #con1 { width: 100px; height: 100px; border: 1px solid black; margin: 30px auto; } #con2 { width: 300px; height: 100px; border: 1px solid black; margin: 30px auto; }

:

Намуна . Андозаи шрифти мувофиқшаванда

Дар намунаи зерин андозаи бартари шрифт 4vw хоҳад буд. Вале хурдтар аз 16px ва калонтар аз 32px он наметавонад шавад:

<p id="con1"> responsive text example </p> <p id="elem"> responsive text example </p> <p id="con2"> responsive text example </p> #elem { font-size: clamp(16px, 4vw, 32px); color: red; } #con1 { font-size: 16px; } #con2 { font-size: 32px; }

:

Намуна . Радиуси гӯшаи мувофиқшаванда

Дар намунаи зерин радиуси бартари гӯша 3vw хоҳад буд. Вале хурдтар аз 5px ва калонтар аз 20px он наметавонад шавад:

<div id="con1"></div> <div id="elem"></div> <div id="con2"></div> div { width: 100px; height: 100px; margin: 20px auto; background: lightblue; } #elem { border-radius: clamp(5px, 3vw, 20px); background: #efafc6; } #con1 { border-radius: 5px; } #con2 { border-radius: 20px; }

:

Нигаред низ

  • функсияи min,
    ки арзиши ҳадди ақалро интихоб мекунад
  • функсияи max,
    ки арзиши ҳадди аксарро интихоб мекунад
Тоҷикӣ
AfrikaansAzərbaycanБългарскиবাংলাБеларускаяČeštinaDanskDeutschΕλληνικάEnglishEspañolEestiSuomiFrançaisहिन्दीMagyarՀայերենIndonesiaItaliano日本語ქართულიҚазақ한국어КыргызчаLietuviųLatviešuМакедонскиMelayuမြန်မာNederlandsNorskPolskiPortuguêsRomânăРусскийසිංහලSlovenčinaSlovenščinaShqipСрпскиSrpskiSvenskaKiswahiliไทยTürkmenTürkçeЎзбекOʻzbekTiếng Việt
Мо барои коркарди сомона, таҳлил ва шахсӣ кардан аз cookie истифода мебарем. Коркарди маълумот мувофиқи Сиёсати махфият сурат мегирад.
ҳамаро қабул кардан танзим кардан рад кардан