CSS Border Radius գեներատոր
Ստեղծեք CSS border-radius հայտարարություն տարրերի անկյունները կլորացնելու համար՝ սահմանելով յուրաքանչյուր անկյան արժեքն ու չափման միավորը:
Գործարկել գործիքը
Այս առցանց գործիքը ստեղծում է CSS border-radius հայտարարություն տարրերի անկյունները կլորացնելու համար: Դուք կարող եք առանձին սահմանել վերևի ձախ, վերևի աջ, ներքևի աջ և ներքևի ձախ անկյունների չափերը: Յուրաքանչյուր դաշտի համար լռելյայն արժեքը 10 է, իսկ չափման միավորի լռելյայն արժեքը՝ px: Եթե որևէ դաշտ դատարկ մնա, գործիքն ավտոմատ կերպով օգտագործում է այդ լռելյայն կարգավորումները:
Գեներատորը թույլ է տալիս կազմել ինչպես համաչափ, այնպես էլ անհամաչափ անկյուններով CSS կոդ: Օրինակ, կարող եք միավորի դաշտում մուտքագրել px, rem, em կամ տոկոսային % նշանը: Գործիքը միացնում է նշված չորս թվային արժեքները համապատասխան չափման միավորի հետ և ցուցադրում է վերջնական կոդը:
Ստացված border-radius արտահայտությունը պատրաստ է անմիջապես պատճենելու և ձեր կայքի CSS ոճերի աղյուսակում, կոճակների, քարտերի ու պատկերների բլոկներում տեղադրելու համար: Եթե անհրաժեշտ է ստանալ ուղիղ անկյուններ, պարզապես մուտքագրեք 0 արժեքը համապատասխան դաշտերում: Բոլոր չորս անկյունների արժեքները միշտ դասավորվում են ժամացույցի սլաքի ուղղությամբ:
Հրահանգներ
- Մուտքագրեք վերևի ձախ անկյան շառավիղը:
- Մուտքագրեք վերևի աջ, ներքևի աջ և ներքևի ձախ անկյունների արժեքները:
- Նշեք չափման միավորը (օրինակ՝ px, %, em կամ rem):
- Ստացեք գեներացված CSS border-radius տողը և պատճենեք այն:
Օրինակներ
- Համաչափ կլորացում. 15 արժեքը բոլոր չորս անկյունների համար px միավորով ստեղծում է border-radius: 15px 15px 15px 15px; կոդը:
- Անհամաչափ կլորացում. վերևի ձախ՝ 20px, վերևի աջ՝ 0px, ներքևի աջ՝ 20px, ներքևի ձախ՝ 0px տալիս է border-radius: 20px 0px 20px 0px; արտահայտությունը:
ՀՏՀ
Ի՞նչ կարգով են դասավորվում անկյունները CSS հայտարարության մեջ:
Արժեքները դասավորվում են ժամացույցի սլաքի ուղղությամբ՝ վերևի ձախ, վերևի աջ, ներքևի աջ և ներքևի ձախ:
Ի՞նչ կլինի, եթե դաշտերը թողնվեն դատարկ:
Եթե դաշտերը չլրացվեն, գործիքն ավտոմատ օգտագործում է լռելյայն արժեքները՝ 10 յուրաքանչյուր անկյան համար և px որպես միավոր:
Կարո՞ղ եմ օգտագործել տոկոսներ կամ այլ միավորներ:
Այո, միավորի դաշտում կարող եք մուտքագրել ցանկացած CSS միավոր, օրինակ՝ %, rem կամ em: