ꯐꯤꯒꯔꯁꯤꯡ꯫

ꯃꯇꯝ ꯑꯃꯠꯇꯗꯥ ꯅꯍꯥꯛꯅꯥ ꯀꯟꯇꯦꯟꯇ ꯑꯃꯥ ꯎꯠꯄꯥ ꯃꯊꯧ ꯇꯥꯕꯥ ꯃꯇꯃꯗꯥ—ꯑꯣꯄꯁꯅꯦꯜ ꯀꯦꯄꯁꯟ ꯑꯃꯥ ꯌꯥꯑꯣꯕꯥ ꯏꯃꯦꯖ ꯑꯃꯒꯨꯝꯅꯥ, <figure>.

HTML5 ꯑꯃꯁꯨꯡ ꯑꯦꯂꯤꯃꯦꯟꯇꯁꯤꯡꯒꯤꯗꯃꯛꯇꯥ ꯕꯦꯖ ꯂꯥꯏꯟ ꯁ꯭ꯇꯥꯏꯜ ꯈꯔꯥ ꯄꯤꯅꯕꯥ ꯌꯥꯑꯣꯔꯤꯕꯥ .figure, .figure-imgꯑꯃꯁꯨꯡ ꯀ꯭ꯂꯥꯁꯁꯤꯡ ꯁꯤꯖꯤꯟꯅꯧ꯫ ꯐꯤꯒꯔꯁꯤꯡꯗꯥ ꯌꯥꯑꯣꯔꯤꯕꯥ ꯏꯃꯦꯖꯁꯤꯡ ꯑꯁꯤ ꯃꯌꯦꯛ ꯁꯦꯡꯕꯥ ꯁꯥꯏꯖ ꯑꯃꯠꯇꯥ ꯂꯩꯇꯦ, ꯃꯔꯝ ꯑꯗꯨꯅꯥ ꯀ꯭ꯂꯥꯁ ꯑꯗꯨ ꯔꯦꯁ꯭ꯄꯣꯟꯁꯤꯕꯜ ꯑꯣꯏꯍꯟꯅꯕꯥ ꯅꯍꯥꯛꯀꯤꯗꯥ ꯁꯣꯏꯗꯅꯥ ꯍꯥꯄꯆꯤꯜꯂꯨ꯫.figure-caption<figure><figcaption>.img-fluid<img>

<figure class="figure">
  <img src="..." class="figure-img img-fluid rounded" alt="...">
  <figcaption class="figure-caption">A caption for the above image.</figcaption>
</figure>

ꯐꯤꯒꯔ ꯑꯁꯤꯒꯤ ꯀꯦꯄꯁꯟ ꯑꯁꯤ ꯑꯦꯂꯥꯏꯟ ꯇꯧꯕꯥ ꯑꯁꯤ ꯑꯩꯈꯣꯌꯒꯤ ꯇꯦꯛꯁ ꯌꯨꯇꯤꯂꯤꯇꯤꯁꯤꯡꯒꯥ ꯂꯣꯌꯅꯅꯥ ꯌꯥꯝꯅꯥ ꯂꯥꯏ .

<figure class="figure">
  <img src="..." class="figure-img img-fluid rounded" alt="...">
  <figcaption class="figure-caption text-end">A caption for the above image.</figcaption>
</figure>

ꯁꯥꯁꯁ ꯇꯧꯕꯥ꯫

ꯚꯦꯔꯤꯑꯦꯕꯂꯁꯤꯡ꯫

$figure-caption-font-size:          $small-font-size;
$figure-caption-color:              $gray-600;