title: How to add media attribute to ASP.NET MVC4 style bundle
body: <p>In ASP.NET MVC4 application, style bundle is created using</p>
  
  <pre><code>    bundles.Add(new StyleBundle("~/css/pos.css")
          .Include("~/css/mypos.css"));
  </code></pre>
  
  <p>and rendered in view as</p>
  
  <pre><code>@Styles.Render("~/css/pos.css")
  </code></pre>
  
  <p>Generated output in debug mode is</p>
  
  <pre><code>  &lt;link href="/myapp/css/mypos.css" rel="stylesheet"/&gt;
  </code></pre>
  
  <p>How to add media attribute to output so that style is used for screen</p>
  
  <pre><code>  &lt;link href="/myapp/css/mypos.css" media="screen" rel="stylesheet"/&gt;
  </code></pre>
  
  <p>or for print</p>
  
  <pre><code>&lt;link href="/myapp/css/mypos.css" media="print" rel="stylesheet"/&gt;
  </code></pre>
  
  <p>Or is there better way to to this, can media specified in css file or other solution ?
  jquery and jquery-ui are used.</p>