제이위키/유저가이드/고급문법: 두 판 사이의 차이

87번째 줄: 87번째 줄:
|-
|-
| colspan="3" | style="{{글씨 색|lightgrey|……}} vertical-align:{{글씨 색|gray|[위치]}}; {{글씨 색|lightgrey|……}}"
| colspan="3" | style="{{글씨 색|lightgrey|……}} vertical-align:{{글씨 색|gray|[위치]}}; {{글씨 색|lightgrey|……}}"
|-
|  rowspan="2" style="height:3em;" | font-size
| <nowiki><span style="font-size:15pt;"> 15pt </span></nowiki>
| <span style="font-size:15pt;"> 15pt </span>
| '''글자크기'''을 설정합니다.
|-
| colspan="3" | style="{{글씨 색|lightgrey|……}} font-size:{{글씨 색|gray|[크기]}}; {{글씨 색|lightgrey|……}}"
|-
|}
{| class="wikitable" style="background:white;width:100%;text-align:center;font-size:85%;"
|+ style="text-align:left" | > 크기
! style="width: 20%; background:#880E4F; color:white;" | 속성 명칭
! style="width: 40%; background:#880E4F; color:white;" | 입력한 내용
! style="width: 20%; background:#880E4F; color:white;" | 화면에 표시되는 내용
! style="width: 20%; background:#880E4F; color:white;" | 텍스트 설명
|-
|-
|  rowspan="2" style="height:3em;" | font-size
|  rowspan="2" style="height:3em;" | font-size

2021년 4월 12일 (월) 13:21 판

 제이위키의 규정
기본방침 (문서 관리 방침 · 토론 관리 방침 · 이용자 관리 방침 · 운영 관리 방침) · 편집지침 · 커뮤니티 가이드라인 · 동음이의 리다이렉트 요청
 제이위키의 도움말
FAQ · 도움말 (사이트 소개 · 저작권 · 운영진 · 단축키 · 편집 · 문법 ( · HTML · CSS) · · 분류 · 등급 (등급 목록) · 동음이의) · 유저가이드 (기초문법 · 고급문법 · 정치 창작 팁 · 전쟁 창작 팁 · 판타지 창작 팁 · 언어 창작 팁 · 종교 창작 팁) · 권리침해 · 다른 위키와의 차이점
 제이위키의 운영
운영진 (관리자 · 중재자) · 관리자 선거 (2018 · 2019 · 2021) · 투명성 보고서 · 재정 보고서
 제이위키의 인정단체
인정단체 · 에른스트의 아무튼 공방 (아무거나 월간공방) · 그리다 · 감성위키 · 와르샤와웍스 · 연필이 닿는 곳 · 철통팀 · 오펜시브 프로젝트 팀
 제이위키의 앙케이트
이 창작이 대단하다! (2021 세계관 · 2021 창작자 · 2020 세계관 · 2020 창작자 · 2020 편의성) · 연말시리즈 (2022 · 2023)
제이위키 유저가이드
JWIKI USER GUIDE
[ 기초 문법 ]
[ 고급 문법 ]
[ 주제별 팁 ]
본 템플릿(틀)은 의 유저가이드에 관한 것으로, '에른스트의 아무튼 공방'의 일부임을 밝힙니다.
'주제별 팁'을 신청하시려면 토론으로 남겨주세요. 신청자는 그 주제에 대한 팁을 마음껏 작성하실 수 있습니다.

개별속성

속성 설정하기

> 색상
속성 명칭 입력한 내용 화면에 표시되는 내용 텍스트 설명
color <span style="color:orange;"> 오렌지 </span> 오렌지 글자색을 설정합니다.
style="…… color:[색상]; ……"
background-color <span style="background-color:orange;"> 오렌지 </span> 오렌지 배경색을 설정합니다.
style="…… background-color:[색상]; ……"
↓ background-image
linear-gradient
<span style="background-image:linear-gradient(to right, #000, yellow, #fff);"> 그라데이션 </span>
선형 그라데이션 선형 그라데이션을 설정합니다.
style="…… background-image:linear-gradient([방향 or 각도], [색상1] [색상1 위치], [색상2] [색상2 위치], ……); ……"
linear-gradient [방향]
<span style="background-image:linear-gradient(to top, #000, #fff);"> 그라데이션 방향 </span>
그라데이션 방향 그라데이션 방향을 지정합니다.[1]
linear-gradient [각도]
<span style="background-image:linear-gradient(45deg, #000, #fff);"> 그라데이션 각도 </span>
그라데이션 각도 그라데이션 각도를 지정합니다.
linear-gradient [위치]
<span style="background-image:linear-gradient(to right, gray 50%, gold 80%);"> 그라데이션 위치 </span>
그라데이션 위치 색상 위치를 지정합니다.
repeating-linear-gradient
<span style="background-image:repeating-linear-gradient(45deg, #1f719a 6%, #1f719a 12%, #2abdc3 12%, #2abdc3 18%, #fff6ee 18%, #fff6ee 24%);"> 반복 그라데이션 </span>
반복 그라데이션 그라데이션을 반복합니다.
> 정렬
속성 명칭 입력한 내용 화면에 표시되는 내용 텍스트 설명
text-align {| style="text-align:right;"
| 오른쪽
|}
오른쪽
글자정렬을 설정합니다.
style="…… text-align:[위치]; ……"
align (추가 바람) (추가 바람) 표 좌우정렬을 설정합니다.
style="…… align:[위치]; ……"
vertical-align (추가 바람) (추가 바람) 표 상하정렬을 설정합니다.
style="…… vertical-align:[위치]; ……"
font-size <span style="font-size:15pt;"> 15pt </span> 15pt 글자크기을 설정합니다.
style="…… font-size:[크기]; ……"
> 크기
속성 명칭 입력한 내용 화면에 표시되는 내용 텍스트 설명
font-size <span style="font-size:15pt;"> 15pt </span> 15pt 글자크기을 설정합니다.
style="…… font-size:[크기]; ……"

div와 span

특수명령어

expr 함수

if 함수

switch 함수

고급틀 제작

변수의 이해

변수틀의 기초

각주

  1. 기본값은 to right, 이며 to left, to top, to bottom 등이 가능합니다.