attributo larghezza di stile rispetto alla larghezza in HTML

Ho visto l’ultimo post simile alla mia domanda Altezza stile canvas HTML5 rispetto all’altezza dell’attributo
Ma in quel post non c’erano informazioni chiare su quale funzionasse e qual è la differenza?

Ho provato il seguente esempio:

        
Test1 Test2 Test3 Test4 Test5

Ma nell’esempio sopra, se metti style = “width: 200px” o width = “200px” , lo stesso risultato non viene visto.

Domanda:
1) perché style = “width: 200px and width =” 200px non sta dando lo stesso risultato?
2) qual è la differenza tra width = “200px” o width = “200” ?

Qualcuno può aiutarmi a chiarire queste basi?

L’attributo width non è valido in un elemento select . Ciò che conta di più, questa restrizione è imposta dai browser: ignorano l’attributo. (Molto tempo fa, Netscape 4 l’ha supportato ed è stato descritto nella bozza HTML 3.0, che è scaduta nel 1995. Alcuni codici legacy, forse anche pratiche di codifica legacy, potrebbero ancora riflettere queste cose!)

Quindi la risposta è semplice: differiscono in modo che l’attributo width in HTML non abbia alcun effetto (quindi l’elemento prende la sua larghezza predefinita), mentre la proprietà width in CSS funziona nel normale modo CSS.

L’attributo width non è un attributo generale in HTML: è consentito per un certo insieme di elementi e definito individualmente per essi.

Per la maggior parte degli elementi html, l’attributo width non ha nulla a che fare con la larghezza dell’elemento. Ciò che definisce lo stile di un elemento (sicuramente contiene la width ) è l’attributo di style dell’elemento.

In altre parole, l’ style.width ( style="width: 200px;" ) determina la larghezza dell’elemento.

Ma alcuni elementi come canvas , svg , l’attributo width determinerà la larghezza dell’elemento, se non imposti style.width attributo style.width . In questo caso, width="200px" è uguale a width="200" perché la maggior parte dei browser usa il px come unità predefinita.

PS:

  • La width non è valida per impostare la larghezza della select .
  • Ma l’attributo width è valido. Puoi accedervi e cambiarlo con libertà. Puoi usarlo per fare altre cose.

1) lo qui è l’attributo di elemento HTML, ciò che è scritto all’interno della citazione è il codice CSS . Allo stesso modo, width qui è l’attributo di . Tuttavia, il tag non ha l’attributo width vedi qui (sotto gli attributes ) Ulteriori informazioni sugli HTML attributes : qui

vedi DEMO

2) width="200" equivale a width="200px"