# Форматиращ инструмент за 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.

Вашата реклама тук?

[Пишете ни](mailto:hi@dennn.is?subject=%D0%A0%D0%B5%D0%BA%D0%BB%D0%B0%D0%BC%D0%B0%20%D0%B2%20OneClick%20Pro)

[Реклама Комплект плъгини за агенти за WordPress.](https://sleekwp.com/?ref=oneclickpro)