Το εργαλείο CSS Inspector είναι ένα ισχυρό εργαλείο προγραμματιστή που σας επιτρέπει να βλέπετε όλες τις ιδιότητες CSS οποιουδήποτε στοιχείου, απλώς μετακινώντας το ποντίκι πάνω του. Κάντε κλικ για να κλειδώσετε τα στυλ, επεξεργαστείτε τα απευθείας και δείτε τις αλλαγές να εφαρμόζονται αμέσως στη σελίδα.
Είτε αντιμετωπίζετε προβλήματα διάταξης είτε μελετάτε έναν ιστότοπο που σας αρέσει, το CSS Inspector παρέχει όλα όσα χρειάζεστε σε ένα καθαρό αιωρούμενο πλαίσιο. Επιθεωρήστε εύκολα χωρίς να ανοίξετε τα DevTools του προγράμματος περιήγησης.
Δείτε γραμματοσειρές, μεγέθη, χρώματα, διαστήματα και άλλα αμέσως κατά την τοποθέτηση του κέρσορα.
Κάντε κλικ στο στοιχείο για να κλειδώσετε το πλαίσιο ώστε να μην εξαφανιστεί, επιτρέποντας λεπτομερή επιθεώρηση.
Κάντε διπλό κλικ στις τιμές για να τις αλλάξετε απευθείας. Οι επεξεργασίες σας θα αντικατοπτρίζονται αμέσως στη σελίδα.
Αντιγράψτε μεμονωμένες ιδιότητες ή ολόκληρο το μπλοκ στυλ σχεδίασης στο πρόχειρό σας με ένα κλικ.
Δείτε τις τιμές 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+ εργαλεία προγραμματιστή για το πρόγραμμα περιήγησής σας.