title: css style Replace inline one style name
body: <p>I have inline style css string and I want replace only one style name. I would like make universal regex for all style names.
  REGEX:</p>
  
  <pre><code>/([a-z\-]+):\s*([a-z0-9]+);/mg
  </code></pre>
  
  <p>HTML:</p>
  
  <pre><code>&lt;div style="top: auto; max-width:257px; left: 155px; right: auto; bottom: 88px; max-height: 313px; display: block;"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>Result (I want replace <code>max-width:257px;</code> to <code>max-width:20px;</code>):</p>
  
  <pre><code>&lt;div style="top: auto; max-width:20px; left: 155px; right: auto; bottom: 88px; max-height: 313px; display: block;"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>The problem is that all style names is replaced to <code>max-width</code>:</p>
  
  <pre><code>&lt;div style="max-width:20px; max-width:20px; max-width:20px; max-width:20px; max-width:20px; max-width:20px; max-width:20px;"&gt;&lt;/div&gt;
  </code></pre>
  
  <p><a href="https://regex101.com/r/5aHHZd/2" rel="nofollow noreferrer">https://regex101.com/r/5aHHZd/2</a></p>