mathefritz: thin, medium, thick ? wieviel pixel ?

Beitrag lesen

<!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;}
    </style>
  </head>
  <body>
A<br>B<br>C<br>D<br></div> <!--
<div id = "B1"> -->
<div id="B1" style="border:3px solid black; display:inline-block;
               border-left: dotted;">
-->Text Text Text Text Text<br> Text Text Text
</div>
<script>
  B1 = document.getElementById('B1');

console.log(B1.style['border-left-width']);
</script>

</body></html>

ok, Firefox zeigt 'medium', chrom zeigt 'initial' ;

peinlich ist mir daß im Stylesheet für id="B1" noch irgendein Fehler steck, mit dem ist die Ausgabe leer.