css - Why does styling TDs in jquery make the markup insane? -
i'm trying add simple border table cells in table. it's important markup remains simple other functionality have in place work. let's style tds this: $('td').css('border', '1px solid #000'); this ends result: <td style="border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(0, 0, 0); border-right-color: rgb(0, 0, 0); border-bottom-color: rgb(0, 0, 0); border-left-color: rgb(0, 0, 0); ">…/td> classes wouldn't appropriate i'm trying do. why cells being formatted in ridiculous way? this how browsers handle shorthand css properties; browsers may implement human-readable representation differently internal representation, in reality, border: 1px solid #000 is shorthand for ...