안키(ANKI) 글자 편집하는 법. 줄간격, 글자크기, 색갈.

<테스트 원본>

바로 본론으로 들어가겠다.
지금부터 안키 각종 서식에 대해서 배워 보도록 하자.

---

<뒷면 스타일>

이런식으로 각각의 스타일을 지정해 주면 된다.
각각의 명령어의 의미는 아래와 같다.
Sentence를 예시로 파악해보자.

---

<스타일 의미>

.Sentence

{
width: 90vw;               [최대 넓이%]
text-align: left;           [택스트 가운데 정렬]
margin-top: 10px;   [sentence 위를 10px 띄운다.]

margin-bottom: 15px;  [sentence 아래를 10px 띄운다.]

font-size: 20px;           [글자크기 20px]
line-height:1.5;           [글자 사이 간격 1.5]
}

---

<스타일 원본 Ctrl + C, Ctrl + v>

.Sentence
{
width: 90vw;
text-align: left;
margin-top: 10px;
margin-bottom: 15px;
font-size: 20px;
line-height:1.5;
}

.Translation
{
width: 90vw;
text-align: left;
margin-top: 10px;
margin-bottom: 40px;
font-size: 15px;
line-height:1.5;
}

.Definition
{
width: 95vw;
text-align: center;
margin-top: 30px;
margin-bottom: 15px;
font-size: 13px;
}

---

자! 이제부터는 <스타일>을 안키 화면에 어떻게 적용시키는지 알아보겠다.
이렇게만 해주면 된다.

즉, div class="스타일 이름"> {{적용시킬 항목 이름}} </div>
라고 하면 되는 것이다.

(참고로 Sentence,Translation은 귀찮아서 수정 안한거니, 신경쓰지 않아도 된다.
그러니 "Sentence를 한글문장으로 지정해놨네! 주인장 멍청이!! 하하하!!" ←이러지 않도록 하자.

---

<뒷면서식 Ctrl + C, Ctrl + v>

<div class="Sentence">{{Sentence}}</div>

<hr id=answer>

<div class="Translation">{{Translation}}</div>
<div class="Definition">{{Definitions}}</div>

이것만 넣어도 카드는 만들어짐.

그럼 끝!