CSS Expression, ovvero: integrare Javascript in un foglio di stile

Design di siti Web con HTML e CSS Disegno di siti Web con HTML, CSS e Dynamic HTML.

I CSS mettono a disposizione dei Web designer il comando expression che, come il suo nome lascia ad intendere, accetta un'espressione dinamica che verrà scritta in Javascript.

In questo modo sarà possibile effettuare calcoli con Javascript, oppure valutare dinamicamente dei casi, quindi passare al comando expression il risultato, valorizzando quindi l'elemento CSS con cui si sta stilizzando un elemento HTML.

Per capirci, la sintassi è la seguente:

comandocss: expression(javascript);

<div id="livello">Ciao, come stai?</div>

<script type="text/javascript">
var colore = "FF0000";
</script>

<style type="text/css">
#livello
{
    background: expression("#" + colore);
    width: expression(window.screen.width / 2);
}
</style>

width: 50%;

TAGS - css expression, css e javascript