JSFiddle - React, Tailwind, and code Playground

by Hiroki Akiyama

HTML

<script src="https://akiroom.github.io/temp-dir/js/jquery.stylesheet.js"></script>
<pre id="results"></pre>
<img id="item" src="https://i.gyazo.com/e57b7603196d139af948e9ce09c5327c.png" style="max-height: 100%">

CSS

#item {
    max-width: 80%;
    max-height: 390px;
}

JavaScript

var style = $('#item')[0].style;

var $ss = $.stylesheet('#item');
var result = $ss.css('max-width');

$('#results').text(
    'max-width(DOM)=' + $('#item').css('max-width') +
    '\nmax-height(DOM)=' + $('#item').css('max-height') +
    '\nmax-width(img)=' + style['max-width'] +
    '\nmax-height(img)=' + style['max-height'] +
    '\n★max-width(css)=' + $ss.css('max-width') +
    '\nmax-height(css)=' + $ss.css('max-height')
);