<!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.