CSS Інспектор — потужний безкоштовний інструмент, що дозволяє навести курсор на будь-який елемент та миттєво побачити його обчислені CSS властивості.
Незалежно від того, чи виправляєте ви помилки в макеті, чи вивчаєте свій улюблений веб-сайт, CSS Inspector надає все необхідне в зручній плаваючій панелі. Легко інспектуйте без відкриття панелі розробника браузера.
Миттєво переглядайте шрифти, розміри, кольори, відступи та багато іншого, просто наводячи курсор на будь-який елемент.
Клацніть на елемент, щоб зафіксувати панель, що дозволяє провести детальний огляд.
Двічі клацніть на значення, щоб змінити їх безпосередньо. Ваші правки миттєво відобразяться на сторінці.
Копіюйте окремі властивості або весь блок стилів дизайну в буфер обміну одним кліком.
Переглядайте значення відступів (margin), рамок (border) та внутрішніх відступів (padding) візуально.
Відображає ширину, висоту та положення елемента на сторінці.
CSS Inspector показує понад 40 властивостей:
font-familyfont-sizefont-weightline-heightletter-spacingtext-aligntext-transformcolorwidthheightpaddingmarginborderborder-radiusbox-sizingdisplaypositiontoprightbottomleftz-indexfloatoverflowbackground-colorbackground-imagebackground-sizebackground-positionopacitybox-shadowtext-shadowtransformtransitioncursorЗ високою точністю інспектуйте елементи з неправильним вирівнюванням.
Вивчайте стилі ваших улюблених веб-сайтів.
Тестуйте зміни перед тим, як писати код.
Показуйте зміни в реальному часі під час зустрічей.
Легко отримуйте CSS-код для нових елементів.
Натисніть іконку CSS Inspector на панелі інструментів DevSuite Pro.
Перемістіть курсор на будь-який елемент, щоб побачити його властивості.
Клацніть на елемент, щоб закріпити панель інформації.
Двічі клацніть на значення, щоб налаштувати їх.
Скопіюйте оновлений код та використовуйте його у своєму проекті.
Встановіть DevSuite Pro безкоштовно та отримайте понад 39 інструментів розробника для вашого браузера.