CSS ձևաչափիչ
Օնլայն գործիք CSS կոդի ձևաչափման, գեղեցկացման և սեղմման համար: Կարգավորեք խորշերը և ստացեք մաքուր կոդ:
Գործարկել գործիքը
CSS ձևաչափիչը մշակում է ոճային ծածկագիրը՝ ապահովելով հստակ կառուցվածք և կարդացվող տեսք: Գործիքն աջակցում է երկու հիմնական եղանակ՝ գեղեցկացում (beautify) և սեղմում (minify): Գեղեցկացման դեպքում յուրաքանչյուր կանոն և հատկություն տեղադրվում է առանձին տողում՝ համապատասխան խորշերով, ինչը հեշտացնում է կոդի վերլուծությունն ու խմբագրումը: Խորշերի չափը կարելի է սահմանել 0-ից մինչև 8 բացատի միջակայքում, իսկ լռելյայն արժեքն է 2 բացատ: Եթե մուտքագրված թիվը դուրս է այդ սահմաններից, համակարգը կիրառում է ստանդարտ 2 բացատը: Սեղմման եղանակը հեռացնում է բոլոր ավելորդ բացատները, նոր տողերը և մեկնաբանությունները՝ փոքրացնելով ֆայլի ծավալը: Գործիքն ընդունում է մինչև 1,000,000 բայթ ծավալով տեքստ: Դատարկ կամ միայն բացատներ պարունակող տողերի դեպքում արդյունքի դաշտում վերադարձվում է դատարկ արժեք: Ձևաչափումը չի փոխում ոճերի տրամաբանությունը, այլ կարգավորում է տեքստային շարվածքը: Կոդը տեղադրելուց և կարգավորումներն ընտրելուց հետո մշակված CSS-ն անմիջապես պատրաստ է պատճենման և հետագա օգտագործման համար:
Հրահանգներ
- Տեղադրեք ձեր CSS կոդը մուտքագրման դաշտում:
- Ընտրեք ցանկալի ռեժիմը՝ գեղեցկացում (beautify) կամ սեղմում (minify):
- Գեղեցկացման դեպքում նշեք խորշերի չափը 0-ից մինչև 8 բացատի սահմաններում:
- Սեղմեք ձևաչափման կոճակը՝ արդյունքը ստանալու համար:
- Պատճենեք մշակված CSS կոդը ելքային դաշտից:
Օրինակներ
- Մուտքագրում՝ `body{margin:0;padding:0;color:#333;}` գեղեցկացման ռեժիմում 2 բացատով խորշով. արդյունքում յուրաքանչյուր հատկություն դասավորվում է նոր տողում՝ համապատասխան խորշով:
- Մուտքագրում՝ բազմատող CSS կոդ մեկնաբանություններով սեղմման (minify) ռեժիմում. արդյունքում մեկնաբանությունները հեռացվում են, իսկ ոճերը միավորվում են մեկ կոմպակտ տողում:
ՀՏՀ
Ի՞նչ տարբերություն կա գեղեցկացման և սեղմման միջև:
Գեղեցկացումը (beautify) ավելացնում է նոր տողեր և խորշեր՝ կոդի ընթեռնելիությունը բարձրացնելու համար: Սեղմումը (minify) հեռացնում է մեկնաբանությունները և բոլոր ավելորդ բացատները՝ ֆայլի չափը նվազեցնելու նպատակով:
Ի՞նչ տեղի կունենա, եթե խորշի չափը նշվի 8-ից մեծ կամ 0-ից փոքր:
Եթե նշված արժեքը դուրս է 0-ից 8 միջակայքից կամ թիվ չէ, գործիքն ավտոմատ կերպով կիրառում է լռելյայն 2 բացատի խորշ:
Ո՞րն է մուտքագրվող տեքստի առավելագույն թույլատրելի չափը:
Մուտքագրվող CSS կոդի ծավալը չպետք է գերազանցի 1,000,000 UTF-8 բայթը:
Արդյո՞ք գործիքը ստուգում է CSS կոդի սխալները:
Գործիքը ձևաչափում և դասավորում է կոդի տեքստը, սակայն չի հանդիսանում վալիդատոր և չի ստուգում CSS հատկությունների վավերականությունը: