mathefritz: thin, medium, thick ? wieviel pixel ?

Beitrag lesen

Danke Gunnar,

Im WikiArtikel klappt es aber auch ohne getPropertyValue aber offenbar nicht immer - wann also?

<!DOCTYPE HTML><html lang="de"><head><meta charset="utf-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title></title>
    <style>
     #B1 { border:3px solid black; display:inline-block;
      border-left: dotted;
             font: italic 1.5em Arial, sans-serif;
     }
    </style>
  </head>
  <body>
A<br>B<br>C<br>D<br>
<div id = "B1">
Text Text Text Text Text<br> Text Text Text
</div>
<script>
  B1 = document.getElementById('B1');

  sty = window.getComputedStyle(B1,null);
  console.log(
  'border-right-width: '+sty.getPropertyValue
                             ('border-right-width')+"\n", // wird
  '             width: '+sty.width + "\n",                // wird angezeigt
  '         font ohne: '+sty.font  + "\n",                // wird nicht
  '          font mit: '+sty.getPropertyValue('font')     // wird nicht
  )
</script>

</body></html>

Zu Anfang fragte ich auch:

Gibt denn eigentlich getBoundingClientRect immer für y denselben Wert wie für top, für x immer denselben wie für left zurück ?