====== Styles ======
For performance reasons, Karmagination will not be camel-casing the CSS properties. If you with to use these methods make sure to do them yourself, ie. zIndex (not z-index), backgroundColor (not background-color). 

===== css( name ) =====
Get the current value of the style for the first element.
<code html>
<div style="color:red">a</div>
</code>
<code javascript>
Karma('div').css('color'); // returns red
</code>

===== css( name, value ) =====
Sets the current value of the style.
<code javascript>
Karma('div').css('color', 'blue'); // makes div color blue
</code>

===== css( properties ) =====
Sets a bunch of styles to the elements.
<code html>
<div>Hello</div>
</code>
<code javascript>
Karma('div').css({
  color: 'red',
  backgroundColor: 'blue'
});
</code>

===== height( ) =====
Get the calculated height of the first element.
<code html>
<div style="height: 10px">abc</div>
</code>
<code javascript>
Karma('div').height(); // returns 10
</code>

===== height( val ) =====
Set the inline CSS height to val on the selected elements.
<code html>
<div>abc</div>
</code>
<code javascript>
Karma('div').height('10px');
Karma('div').height(); // returns 10
</code>

===== width( ) =====
Get the calculated width of the first element.
<code html>
<div style="width: 10px">abc</div>
</code>
<code javascript>
Karma('div').width(); // returns 10
</code>

===== width( val ) =====
Set the inline CSS width to val on the selected elements.
<code html>
<div>abc</div>
</code>
<code javascript>
Karma('div').width('10px');
Karma('div').width(); // returns 10
</code>