binding to style

https://groups.google.com/d/topic/knockoutjs/OkytZUQ4VLI/discussion

by rniemeyer

HTML

<script src="http://rniemeyer.github.com/KnockMeOut/Scripts/knockout-1.3pre.js"></script>
<style type="text/css" data-bind="text: style"></style>

<input data-bind="value: size" />

<h2>test</h2>

JavaScript

var viewModel = {
    size: ko.observable(2)
};

viewModel.style = ko.dependentObservable(function() {
    return "h2 { font-size: " + this.size() + "em }";
}, viewModel);
    
ko.applyBindings(viewModel);