Open
Bug 1280118
Opened 9 years ago
Updated 2 years ago
Add HTML styling attributes into the rules view
Categories
(DevTools :: Inspector: Rules, enhancement, P3)
DevTools
Inspector: Rules
Tracking
(Not tracked)
NEW
People
(Reporter: sebo, Unassigned)
References
()
Details
+++ This bug was initially created as a clone of Bug #1134412 +++
HTML attributes that influence the layout should be shown within the CSS Rules Inspector.
Chrome already does this by using CSS properties as equivalents to the HTML attributes. E.g. the 'cellspacing' HTML table attribute is listed as 'border-spacing' CSS property within the rules view.
Sebastian
|
||
Updated•7 years ago
|
Product: Firefox → DevTools
|
Reporter | |
Comment 2•4 years ago
|
||
This obviously requires some mapping between HTML attributes and CSS properties. Here's a (non-exhaustive) list of mappings:
| HTML attribute | CSS property |
|---|---|
background (<body>) |
background-image |
bottommargin (<body>) |
margin-bottom |
leftmargin (<body>) |
margin-left |
rightmargin (<body>) |
margin-right |
topmargin (<body>) |
margin-top |
text (<body>) |
color |
link (<body>) |
color on :link |
alink (<body>) |
color on :active |
vlink (<body>) |
color on :visited |
bgcolor (<body>, <table>, <colgroup>, <col>) |
background-color |
cellspacing (<table>) |
border-spacing |
cellpadding (<table>) |
padding on table cells |
border (<table>) |
border: <value>px solid black (also border: 1px solid black; on table cells) |
align (<table>) |
margin-inline-start and margin-inline-end |
rules (<table>) |
different border: 1px solid black values depending on value of rules |
width (<table>, <pre>) |
width |
align (<col>) |
text-align on table cells in that column |
valign (<col>) |
vertical-align on table cells in that column |
type (<ol>, <ul>, <li>) |
list-style-type |
border (<img>) |
border |
hspace (<img>) |
margin-left and margin-right |
vspace (<img>) |
margin-top and margin-bottom |
align (<img>) |
top/middle/bottom => vertical-align: top;/vertical-align: -moz-middle-with-baseline/vertical-align: initial;, left/right => float: left;/float: right; |
Sebastian
|
|
||
Updated•3 years ago
|
Severity: normal → S3
You need to log in
before you can comment on or make changes to this bug.
Description
•