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 ?