📑

タイトルの位置を固定化する方法【Marp】

2021/09/30に公開

はじめまして、ますみです!

自己紹介.png

この記事では、Marpでタイトルの位置を固定化する方法を紹介します。
https://marpit.marp.app/

タイトルの位置を固定化する方法

以下のコードのように、<style>タグの中に「positionを左上から50pxの場所に固定化する」というようなコードを書くと固定化できます。

---
marp: true
---

<style>
    h1{
        position: absolute;
        left: 50px; top: 50px;
    }
</style>

# タイトルの位置を固定化しよう
-   タイトルが遠くに離れちゃった:crying_cat_face:

title_absolute.png

Tips: アイコン表示

絵文字のアイコンをMarp上に書くには、上記のコードのように:crying_cat_face:と書く必要があります。「あのアイコンの名前はなんだろう🤔」という方は、以下のサイトをご参照ください。
https://www.webfx.com/tools/emoji-cheat-sheet/

一言メッセージ

Marpは無償で使えますが、裏では開発者の方々が頑張ってメンテナンスや改善を続けています。
エンジニア界隈では、投げ銭文化も流行ってきていますし、感謝の気持ちを込めて余裕のある方は投げ銭もぜひ👍
https://github.com/sponsors/yhatt

また、体系立ってMarpを学習したい方は、「日経ソフトウエア2021年11月号」をぜひご検討ください🚀
https://amzn.to/39TP9C3

最後に

最後まで読んでくださり、ありがとうございました!
この記事を通して、少しでもあなたの学びに役立てば幸いです!

おまけ

エンジニアの仲間(データサイエンティストも含む)を増やしたいため、公式LINEを始めました🎉

一緒に仕事をしてくれる方」「友だちとして仲良くしてくれる方」は、友だち追加をしていただけますと嬉しいです!(仲良くなった人たちを集めて、「ボードゲーム会」や「ハッカソン」や「もくもく会」もやりたいなと考えています😆)

とはいえ、みなさんにもメリットがないと申し訳ないので、特典を用意しました!

友だち追加後に、アンケートに回答してくれた方へ「エンジニア図鑑(職種20選)」のPDFをお送りします◎

https://lin.ee/ufxe4lR

Discussion

ログインするとコメントできます