Leggere proprietà css di default del browser

**Habanero** · 02-11-2010, 20:28

E' possibile in qualche modo leggere le proprietà css non esplicitamente impostate dallo sviluppatore?
Mi spiego meglio...
Ad esempio... ogni browser usa un determinato font per il testo nelle textbox. Supponendo che tale proprietà non venga sovrascritta nè tramite css nè tramite javascript... è possibile conoscere quale font il browser usi?
Se provo con un semplice:

codice:

text = document.getElementById("id_text");
fontfam = text.style.fontFamily;

fontfam risulta vuoto...

**cavicchiandrea** · 03-11-2010, 12:35

Ciao Haba vedi se questa discussione ti torna utile
Ciauz paesano

**Habanero** · 03-11-2010, 15:30

Ciao Andrea,

non è quello che mi serve... non voglio sapere se un font è installato sulla macchina ma quale font (ma anche una qualsiasi proprietà css) un browser usi di default per rendere un particolare elemento.

Grazie comunque.

**Habanero** · 03-11-2010, 20:44

Rettifico e preciso il problema...
La questione, in realtà, è che non riesco a leggere da javascript le proprietà CSS impostate tramite CSS.
Se invece le imposto da javascript riesco a leggerle.

Es:

codice:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title></title>

<style type="text/css">
 #iddiv  {border: 2px solid #ff0000;
         }
</style>

<script type="text/javascript">
  
  window.onload=go;

  function go()
  {
    obj = document.getElementById("iddiv");
    alert (obj.style.borderColor);
    obj.style.borderColor = "#00ff00";
    alert (obj.style.borderColor);
  }

</script>

</head>

<body>
  
<div id="iddiv">prova</div>

</body>
</html>

Il primo alert non ritorna il colore del bordo impostato tramite CSS. Il secondo lo restituisce correttamente una volta che è stato impostato via javascript...

Qualcuno sa darmi una spiegazione?
Dove sbaglio?

**br1** · 03-11-2010, 21:23

Forse questo? http://forum.html.it/forum/showthrea...readid=1152911

Da script/discussioni utili

**whisher** · 03-11-2010, 21:57

http://www.quirksmode.org/dom/getstyles.html
stessa soluzione
nella console di FF su google

codice:

var x = document.getElementById('lga');
var y = document.defaultView.getComputedStyle(x,null).getPropertyValue('font-size');
alert(y);

**Habanero** · 03-11-2010, 22:05

Br1 santo subito!
E io

per non aver consultato i link utili....

Discussione: Leggere proprietà css di default del browser

Strumenti discussione

Ricerca discussione

Visualizza

Leggere proprietà css di default del browser

Permessi di invio