presentation:marp

차이

문서의 선택한 두 판 사이의 차이를 보여줍니다.

차이 보기로 링크

--- presentation:marp [2022/07/08 19:56]
kwon37xi [첫 페이지]
+++ presentation:marp [2022/07/11 17:02]
kwon37xi [예시]
@@ 줄 6: / 줄 6: @@
 ===== 예시 =====
   * [[https://github.com/yhatt/marp-cli-example|yhatt/marp-cli-example: The good starter for using Marp via Marp CLI, by the author of Marp]]
+===== background 지정 =====
+  * 최상위 directive 에서 background image 지정시
+  * ''backgroundImage'' : [[https://developer.mozilla.org/en-US/docs/Web/CSS/background-image|background-image]] CSS 스타일 지정
+  * ''backgroundPosition'' : [[https://developer.mozilla.org/en-US/docs/Web/CSS/background-position|background-position]] CSS 스타일 지정
+  * ''backgroundSize'' : [[https://developer.mozilla.org/en-US/docs/Web/CSS/background-size|background-size]] CSS 스타일 지정
+==== background 이미지 예시 ====
+<code>
+backgroundImage: url('https://path/to/image.png')
+backgroundSize: 15%
+# 오른쪽 하단에 두되 살짝씩 마진을 둔다.
+backgroundPosition: bottom 10px right 10px
+</code>
 ===== Markdown =====
@@ 줄 13: / 줄 28: @@
 ==== 중앙 정렬 (lead) ====
-  * 첫 페이지를 중앙 정렬하고자 한다면 전역 설정으로 다음을 지정한다. 첫 페이지는 중앙 정렬, 나머지는 일반적인 페이지로 작동한다.
+  * 첫 페이지를 중앙 정렬하고자 한다면 최상위 전역 설정으로 다음을 지정한다. 첫 페이지는 중앙 정렬, 나머지는 일반적인 페이지로 작동한다.
-```
+<code>
 ---
 _class: lead
 ---
-```
+</code>
   * 특정 페이지를 ''lead''로 지정하려면 페이지에 다음을 지정한다. 이 페이지는 중앙 정렬이 된다.
 <code>

presentation/marp.txt · 마지막으로 수정됨: 2024/04/15 16:26 저자 kwon37xi