How to add in Development Tools a new CSS property?

[thoste]

Assume I right click on a text line in an article in Firefox v56.0.2 and select "Inspect Element" from context menu.

The developer tools pane appears at the bottom and on the right side the corresponding CSS definition for that element, e.g.

p { font-size: 16px; }

Now I want to add a new CSS property to the CSS rule of <p> e.g. "line-height: 18px;
Again: I do NOT want to create a new rule but only an additional property!

In old Firebug AddOn I could do this by right clicking on the CSS rule and select "add new property" from context menu.

This seems to be not possibly in Developer Tools any more.

Is there really no workaround for that?

Thomas

[aborix]

Do you want this:
https://developer.mozilla.org/en-US/doc ... Edit_rules

[thoste]

Perfect! This works.