26번째 줄: | 26번째 줄: | ||
| style="height:3em;" | linear-gradient | | style="height:3em;" | linear-gradient | ||
| <div style="width:290pt;overflow: auto;margin:0px -9px -5px;padding:0px 12px 3px;">{{개행 금지 시작}}<nowiki><span style="background-image:linear-gradient(to right, #000, #fff);"> 그라데이션 </span></nowiki>{{개행 금지 끝}}</div> | | <div style="width:290pt;overflow: auto;margin:0px -9px -5px;padding:0px 12px 3px;">{{개행 금지 시작}}<nowiki><span style="background-image:linear-gradient(to right, #000, #fff);"> 그라데이션 </span></nowiki>{{개행 금지 끝}}</div> | ||
| <span style="background-image:linear-gradient(to right, #000, #fff);"> 그라데이션 </span> | | <span style="background-image:linear-gradient(to right, #000, #fff);"> 선형 그라데이션 </span> | ||
| '''선형 그라데이션'''을 설정합니다. | | '''선형 그라데이션'''을 설정합니다. | ||
|- | |- | ||
| style="height:3em;" | linear-gradient [방향] | | style="height:3em;" | linear-gradient [방향] | ||
| <div style="width:290pt;overflow: auto;margin:0px -9px -5px;padding:0px 12px 3px;">{{개행 금지 시작}}<nowiki><span style="background-image:linear-gradient(</nowiki>'''{{글씨 색|red|to top,}}'''<nowiki> #000, #fff);"> 그라데이션 </span></nowiki>{{개행 금지 끝}}</div> | | <div style="width:290pt;overflow: auto;margin:0px -9px -5px;padding:0px 12px 3px;">{{개행 금지 시작}}<nowiki><span style="background-image:linear-gradient(</nowiki>'''{{글씨 색|red|to top,}}'''<nowiki> #000, #fff);"> 그라데이션 방향 </span></nowiki>{{개행 금지 끝}}</div> | ||
| <span style="background-image:linear-gradient(to top, #000, #fff);"> 그라데이션 </span> | | <span style="background-image:linear-gradient(to top, #000, #fff);"> 그라데이션 방향 </span> | ||
| '''그라데이션 방향'''을 지정합니다.<ref>기본값은 to right, 이며 to left, to top, to bottom 등이 가능합니다.</ref> | | '''그라데이션 방향'''을 지정합니다.<ref>기본값은 to right, 이며 to left, to top, to bottom 등이 가능합니다.</ref> | ||
|- | |- | ||
| style="height:3em;" | linear-gradient [ | | style="height:3em;" | linear-gradient [각도] | ||
| <div style="width:290pt;overflow: auto;margin:0px -9px -5px;padding:0px 12px 3px;">{{개행 금지 시작}}<nowiki><span style="background-image:linear-gradient(</nowiki>'''{{글씨 색|red|45deg,}}'''<nowiki> #000, #fff);"> 그라데이션 </span></nowiki>{{개행 금지 끝}}</div> | | <div style="width:290pt;overflow: auto;margin:0px -9px -5px;padding:0px 12px 3px;">{{개행 금지 시작}}<nowiki><span style="background-image:linear-gradient(</nowiki>'''{{글씨 색|red|45deg,}}'''<nowiki> #000, #fff);"> 그라데이션 각도 </span></nowiki>{{개행 금지 끝}}</div> | ||
| <span style="background-image:linear-gradient(45deg, #000, #fff);"> 그라데이션 </span> | | <span style="background-image:linear-gradient(45deg, #000, #fff);"> 그라데이션 각도 </span> | ||
| '''그라데이션 각도'''를 지정합니다. | | '''그라데이션 각도'''를 지정합니다. | ||
|- | |- | ||
| style="height:3em;" | linear-gradient [위치] | | style="height:3em;" | linear-gradient [위치] | ||
| <div style="width:290pt;overflow: auto;margin:0px -9px -5px;padding:0px 12px 3px;">{{개행 금지 시작}}<nowiki><span style="background-image:linear-gradient(to right, gray </nowiki>'''{{글씨 색|red|50%}}'''<nowiki>, gold </nowiki>'''{{글씨 색|red|80%}}'''<nowiki>);"> 그라데이션 </span></nowiki>{{개행 금지 끝}}</div> | | <div style="width:290pt;overflow: auto;margin:0px -9px -5px;padding:0px 12px 3px;">{{개행 금지 시작}}<nowiki><span style="background-image:linear-gradient(to right, gray </nowiki>'''{{글씨 색|red|50%}}'''<nowiki>, gold </nowiki>'''{{글씨 색|red|80%}}'''<nowiki>);"> 그라데이션 위치 </span></nowiki>{{개행 금지 끝}}</div> | ||
| <span style="background-image:linear-gradient(to right, gray 50%, gold 80%);"> 그라데이션 </span> | | <span style="background-image:linear-gradient(to right, gray 50%, gold 80%);"> 그라데이션 위치 </span> | ||
| '''그라데이션 색상 위치'''를 지정합니다. | | '''그라데이션 색상 위치'''를 지정합니다. | ||
|- | |- | ||
| style="height:3em;" | repeating-linear-gradient | | style="height:3em;" | repeating-linear-gradient | ||
| <div style="width:290pt;overflow: auto;margin:0px -9px -5px;padding:0px 12px 3px;">{{개행 금지 시작}}<nowiki><span style="background-image:repeating-linear-gradient(45deg, #1f719a 6%, #1f719a 12%, #2abdc3 12%, #2abdc3 18%, #fff6ee 18%, #fff6ee 24%);"> 그라데이션 </span></nowiki>{{개행 금지 끝}}</div> | | <div style="width:290pt;overflow: auto;margin:0px -9px -5px;padding:0px 12px 3px;">{{개행 금지 시작}}<nowiki><span style="background-image:repeating-linear-gradient(45deg, #1f719a 6%, #1f719a 12%, #2abdc3 12%, #2abdc3 18%, #fff6ee 18%, #fff6ee 24%);"> 반복 그라데이션 </span></nowiki>{{개행 금지 끝}}</div> | ||
| <span style="background-image:repeating-linear-gradient(45deg, #1f719a 6%, #1f719a 12%, #2abdc3 12%, #2abdc3 18%, #fff6ee 18%, #fff6ee 24%);"> 그라데이션 </span> | | <span style="background-image:repeating-linear-gradient(45deg, #1f719a 6%, #1f719a 12%, #2abdc3 12%, #2abdc3 18%, #fff6ee 18%, #fff6ee 24%);"> 반복 그라데이션 </span> | ||
| '''그라데이션 색상 위치'''를 지정합니다. | | '''그라데이션 색상 위치'''를 지정합니다. | ||
|- | |- |
2021년 4월 5일 (월) 19:51 판
제이위키의 규정 |
기본방침 (문서 관리 방침 · 토론 관리 방침 · 이용자 관리 방침 · 운영 관리 방침) · 편집지침 · 커뮤니티 가이드라인 · 동음이의 리다이렉트 요청 |
제이위키의 도움말 |
FAQ · 도움말 (사이트 소개 · 저작권 · 운영진 · 단축키 · 편집 · 문법 (표 · HTML · CSS) · 틀 · 분류 · 등급 (등급 목록) · 동음이의) · 유저가이드 (기초문법 · 고급문법 · 정치 창작 팁 · 전쟁 창작 팁 · 판타지 창작 팁 · 언어 창작 팁 · 종교 창작 팁) · 권리침해 · 다른 위키와의 차이점 |
제이위키의 운영 |
운영진 (관리자 · 중재자) · 관리자 선거 (2018 · 2019 · 2021) · 투명성 보고서 · 재정 보고서 |
제이위키의 인정단체 |
인정단체 · 에른스트의 아무튼 공방 (아무거나 월간공방) · 그리다 · 감성위키 · 와르샤와웍스 · 연필이 닿는 곳 · 철통팀 · 오펜시브 프로젝트 팀 |
제이위키의 앙케이트 |
이 창작이 대단하다! (2021 세계관 · 2021 창작자 · 2020 세계관 · 2020 창작자 · 2020 편의성) · 연말시리즈 (2022 · 2023) |
제이위키 유저가이드 JWIKI USER GUIDE | ||
[ 기초 문법 ]
[ 고급 문법 ]
[ 주제별 팁 ]
| ||
본 템플릿(틀)은 의 유저가이드에 관한 것으로, '에른스트의 아무튼 공방'의 일부임을 밝힙니다. '주제별 팁'을 신청하시려면 토론으로 남겨주세요. 신청자는 그 주제에 대한 팁을 마음껏 작성하실 수 있습니다. |
개별속성
속성 설정하기
속성 명칭 | 입력한 내용 | 화면에 표시되는 내용 | 텍스트 설명 |
---|---|---|---|
color | <span style="color:orange;"> 오렌지 </span> | 오렌지 | 글자색을 설정합니다. |
background-color | <span style="background-color:orange;"> 오렌지 </span> | 오렌지 | 배경색을 설정합니다. |
↓ background-image | |||
linear-gradient | <span style="background-image:linear-gradient(to right, #000, #fff);"> 그라데이션 </span>
|
선형 그라데이션 | 선형 그라데이션을 설정합니다. |
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>
|
반복 그라데이션 | 그라데이션 색상 위치를 지정합니다. |
div와 span
특수명령어
expr 함수
if 함수
switch 함수
고급틀 제작
변수의 이해
변수틀의 기초
- ↑ 기본값은 to right, 이며 to left, to top, to bottom 등이 가능합니다.