Stilbreite vs Breite Attribut in HTML

Question

Oct 15, 2014, 04:53 AM

Stilbreite vs Breite Attribut in HTML

Ich sah den letzten Beitrag ähnlich meiner Frage HTML5 Canvas Style Höhe vs Attribut Höhe
Aber in diesem Beitrag gab es keine klaren Informationen darüber, welche funktionieren wird und was der Unterschied ist?

Ich habe folgendes Beispiel ausprobiert:

<html>
    <head>
    </head>
      <body>
        <link rel="stylesheet" href="https://code.jquery.com/ui/1.11.1/themes/smoothness/jquery-ui.css">
        <script src="jquery-1.11.1.js"></script>
        <script src="https://code.jquery.com/ui/1.11.1/jquery-ui.js"></script>
        <script src="script.js"></script>

        <div>
             <select style="width: 200px" width="200px">
                   <option value="Test1"> Test1 </option>
                   <option value="Test2"> Test2 </option>
                   <option value="Test3"> Test3</option>
                   <option value="Test4"> Test4 </option>
                   <option value="Test5"> Test5 </option>
             </select>
        </div>
     </body>
 </html>

Aber im obigen Beispiel, wenn entweder style = "width: 200px" oder width = "200px", dasselbe Ergebnis wird nicht angezeigt.

Frage
1) warum sind style = "width: 200px und width = "200px nicht das gleiche Ergebnis?
2) Was ist der Unterschied zwischen width = "200px" oder width = "200"?

Können mir einige helfen, diese Grundlagen zu klären?