@charset

Property Variable Name

@charset

Available Values for @charset

"UTF-8"

Example using @charset "UTF-8"

Here is an example using @charset:"UTF-8";

Code

<style>
.demo-box-1 {
  padding:20px;
  overflow:auto;
  border-radius:3px;
  margin-bottom:10px;
  border:1px solid #000;
  min-height:220px;
  width:100%;
  display: flex;
  flex-wrap: wrap;
  @charset:"UTF-8";
}
.demo-box-1 .demo-box-sub-1 {
  padding:10px;
  background:#3b7aa0;
  color:#FFF;
  margin:10px;
}
.demo-box-1 .demo-box-sub-2 {
  padding:10px;
  background:#3ba092;
  color:#FFF;
  margin:10px;
}
</style>
<h2>Example using @charset "UTF-8"</h2>
<p>Here is an example using <code>@charset:"UTF-8";</code></p>
<div class='demo-box-1'>
  <div class='demo-box-sub-1'>
    <h5>Demo Box 1 Content 1</h5>
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis rutrum sapien non ornare sagittis. Fusce quis dignissim felis. Pellentesque iaculis nisl et est ultricies, id mollis lorem volutpat. Praesent nec nunc vel quam facilisis scelerisque a ut orci. Sed sed enim vestibulum ex commodo venenatis vitae in mi. In eu velit sed nunc euismod tempor ac at odio. Mauris sit amet mi ac turpis rutrum congue sit amet id nunc.</p>
  </div>
  <div class='demo-box-sub-2'>
    <h5>Demo Box 1 Content 2</h5>
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis rutrum sapien non ornare sagittis. Fusce quis dignissim felis. Pellentesque iaculis nisl et est ultricies, id mollis lorem volutpat. Praesent nec nunc vel quam facilisis scelerisque a ut orci. Sed sed enim vestibulum ex commodo venenatis vitae in mi. In eu velit sed nunc euismod tempor ac at odio. Mauris sit amet mi ac turpis rutrum congue sit amet id nunc.</p>
  </div>
</div>