Форматиращ инструмент за CSS
Форматирайте минимизирани или неподредени стилови таблици с този форматиращ инструмент за CSS. Поставете CSS и инструментът ще го анализира, след което ще отпечата всяко правило със селектора на един ред, всяка декларация на отделен ред с отстъп от два интервала, интервал след всяко двоеточие, интервали около комбинаторите и вложени правила @, като медийни заявки. Грешките при анализ се показват. Идеален е за уеб разработчици и дизайнери, които четат, отстраняват грешки или преглеждат стилови таблици от всякакъв източник.
Често задавани въпроси
Как работи форматиращият инструмент за CSS?
Той анализира стиловата ви таблица на правила, декларации и правила @, след което ги отпечатва отново в последователно оформление. Тъй като CSS се анализира, резултатът отразява действителната структура на стиловата таблица.
Как изглежда форматираният CSS?
Всяко правило започва със селектора и отваряща фигурна скоба, всяка декларация е на отделен ред с отстъп от два интервала и интервал след двоеточието, а затварящата скоба е на собствен ред. Списъците със селектори се обединяват със запетая и интервал, а около комбинатори като > и ~ се добавят интервали.
Поддържат ли се медийни заявки и други правила @?
Да, правилата в @media, @supports и подобни блокове се влагат и получават отстъп. Инструкции като @import остават на един ред, като стойностите на url() се записват в кавички.
Какво става при невалиден CSS?
Когато анализаторът не може да прочете стиловата таблица, например заради липсваща скоба, инструментът спира и показва съобщението на анализатора с номера на реда. Поправете посоченото място и форматирайте отново.
Запазват ли се коментарите?
Да, коментарите се запазват както между правилата, така и между декларациите. Всеки коментар се поставя на отделен ред с отстъпа на околния код.
Поддържат ли се потребителски свойства?
Да, потребителски свойства като --brand-color се форматират като всяка друга декларация. Препратки като var(--brand-color) се запазват както са написани.
Мога ли да форматирам SCSS или Less тук?
Не, тази страница очаква обикновен CSS и може да отхвърли вложени правила или променливи от препроцесори. За тези файлове използвайте форматиращия инструмент за SCSS или Less Formatter.
Мога ли да променя отстъпа или стила на фигурните скоби?
Не, форматиращият инструмент няма настройки и винаги използва два интервала и отваряща фигурна скоба на реда със селектора. Така резултатите са еднакви за всички таблици със стилове.
Защо резултатът е ограден с кодов блок за css?
Резултатът се връща като кодов блок Markdown с обозначение css, така че се показва с оцветяване на синтаксиса в Markdown. Копирайте редовете между ограждащите маркери във вашия .css файл.
Какъв е максималният размер на таблицата ми със стилове?
До 5 MB на изпълнение; по-голям вход се отхвърля със съобщение. Резултатът е идентичен с опцията CSS на Code Formatter.