presentation:marp

차이

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

차이 보기로 링크

--- presentation:marp [2022/07/08 19:56]
kwon37xi [중앙 정렬 (lead)]
+++ 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 =====

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