Gunnar Bittersmann: thin, medium, thick ? wieviel pixel ?

Beitrag lesen

@@mathefritz

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

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

AFAIS hat Firefox recht, weil medium exakt der Wert ist, auf den du border-left-width gesetzt hast. [MDN:border-left]

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

Natürlich. Im style-Objekt steht nur das, was du mit JavaScript dort reingeschrieben hast oder was in Inline-style-Attributen angegeben ist. (Weder das eine noch das andere sollte man tun!)

Wenn du die aus dem Stylesheet berechneten Werte haben möchtest: window.getComputedStyle().getPropertyValue() [MDN:getComputedStyle]

LLAP 🖖

--
“When UX doesn’t consider all users, shouldn’t it be known as ‘Some User Experience’ or... SUX? #a11y” —Billy Gregory