CSS Pro
  • Initial page
  • Quick Start
    • Installing it
      • On Google Chrome
      • On Firefox
      • On Safari
  • Inspecting
    • Choosing what happens when you click on an element
    • Inspecting invisible, overlapping, and parent elements
    • Comparing multiple elements at the same time (Pinning)
    • Measuring distances and checking alignments
    • Inspecting animations
    • Identifying fonts
  • Editing
    • Code Editor (Code tab)
      • Forcing a state or pseudo
    • Visual Editor (Design tab)
      • Editing media queries and pseudo states
      • Editing backgrounds
      • Auto unit conversion
    • HTML Editor (HTML tab)
    • Handling CSS changes
    • Editing texts
    • Removing elements
  • Copying
    • Copying CSS and HTML
    • Exporting elements
    • Downloading page assets (images)
    • Copying colors
  • License
    • Managing your license activations
    • Retrieving your license key (forgot)
  • Subscription
    • Switching from the monthly to the annual plan
    • Canceling your subscription
Powered by GitBook
On this page

Was this helpful?

  1. Editing

HTML Editor (HTML tab)

PreviousAuto unit conversionNextHandling CSS changes

Last updated 1 year ago

Was this helpful?

With CSS Pro, you can edit an element's HTML attributes and inner HTML content.

To do that, click on the "HTML" tab:

You can add, edit, and remove HTML attributes on this tab.

The src attribute on img elements get a special interface that shows you a preview of the image and also lets you change that image. You can drag and drop an image there, or paste the image file, or click on the image preview to select an image from your computer.

The image is then converted to a base64 URL:

You can also edit the inner HTML when the element is not a img.