## Articulations

Below you can see all supported articulations:

<div class="center-overflow-wrapper">
  <div class="copy-unilang-example-icon-wrapper" onclick="window.copyUnilangExample(this)">
    <img class="copy-unilang-example-icon" src="https://cdn.unisonofficial.com/image/copy.svg">
  </div>  
  <pre class="center-overflow-inner-element uni-example"><e-html data-src="https://cdn.unisonofficial.com/html/user-documentation/articulations-1.html?v=1.5.164"></e-html></pre>
</div>

<div class="center-overflow-wrapper">
  <img src="https://cdn.unisonofficial.com/svg/user-documentation/articulations-1.svg?v=1.5.164" data-adjustable="true" class="center-overflow-inner-element uni-example">
</div>

You can set directions for articulations:

<div class="center-overflow-wrapper">
  <div class="copy-unilang-example-icon-wrapper" onclick="window.copyUnilangExample(this)">
    <img class="copy-unilang-example-icon" src="https://cdn.unisonofficial.com/image/copy.svg">
  </div>  
  <pre class="center-overflow-inner-element uni-example"><e-html data-src="https://cdn.unisonofficial.com/html/user-documentation/articulations-2.html?v=1.5.164"></e-html></pre>
</div>

<div class="center-overflow-wrapper">
  <img src="https://cdn.unisonofficial.com/svg/user-documentation/articulations-2.svg?v=1.5.164" data-adjustable="true" class="center-overflow-inner-element uni-example">
</div>

You can force articulations to be above/below stave:

<div class="center-overflow-wrapper">
  <div class="copy-unilang-example-icon-wrapper" onclick="window.copyUnilangExample(this)">
    <img class="copy-unilang-example-icon" src="https://cdn.unisonofficial.com/image/copy.svg">
  </div>  
  <pre class="center-overflow-inner-element uni-example"><e-html data-src="https://cdn.unisonofficial.com/html/user-documentation/articulations-3.html?v=1.5.164"></e-html></pre>
</div>

<div class="center-overflow-wrapper">
  <img src="https://cdn.unisonofficial.com/svg/user-documentation/articulations-3.svg?v=1.5.164" data-adjustable="true" class="center-overflow-inner-element uni-example">
</div>

Vertical position of articulations is always adjusted, but you can still correct it if you like:

<div class="center-overflow-wrapper">
  <div class="copy-unilang-example-icon-wrapper" onclick="window.copyUnilangExample(this)">
    <img class="copy-unilang-example-icon" src="https://cdn.unisonofficial.com/image/copy.svg">
  </div>  
  <pre class="center-overflow-inner-element uni-example"><e-html data-src="https://cdn.unisonofficial.com/html/user-documentation/articulations-4.html?v=1.5.164"></e-html></pre>
</div>

<div class="center-overflow-wrapper">
  <img src="https://cdn.unisonofficial.com/svg/user-documentation/articulations-4.svg?v=1.5.164" data-adjustable="true" class="center-overflow-inner-element uni-example">
</div>

<a href="https://unisonofficial.com/html/user-documentation-pages/ornaments.html">
  Read next: Ornaments
</a>