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

편집 요약 없음
5번째 줄: 5번째 줄:
=='''개별속성'''==
=='''개별속성'''==
===속성 설정하기===
===속성 설정하기===
{| 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;" | 텍스트 설명
|-
|  style="height:3em;" | color
| <nowiki><span style="color:orange;"> 오렌지 </span></nowiki>
| <span style="color:orange;">오렌지</span>
| '''글자색'''을 설정합니다.
|-
|  style="height:3em;" | background-color
| <nowiki><span style="background-color:orange;"> 오렌지 </span></nowiki>
| <span style="background-color:orange;"> 오렌지 </span>
| '''배경색'''을 설정합니다.
|-
| colspan="4" style="background:#ffe0f1; font-size:90%;text-align:left;padding-left:35px;" | '''↓ background-image'''
|-
|  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>
| <span style="background-image:linear-gradient(to right, #000, #fff);"> 그라데이션 </span>
| '''선형 그라데이션'''을 설정합니다.
|-
|  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>
| <span style="background-image:linear-gradient(to top, #000, #fff);"> 그라데이션 </span>
| '''그라데이션 방향'''을 지정합니다.<ref>기본값은 to right, 이며 to left, to top, to bottom 등이 가능하다.</ref>
|-
|  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>
| <span style="background-image:linear-gradient(45deg, #000, #fff);"> 그라데이션 </span>
| '''그라데이션 각도'''을 지정합니다.
|-
|  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|50%}}'''<nowiki>);"> 그라데이션 </span></nowiki>{{개행 금지 끝}}</div>
| <span style="background-image:linear-gradient(to right, gray 50%, gold 50%);"> 그라데이션 </span>
| '''그라데이션 각도'''을 지정합니다.<ref>기본값은 to right, 이며 to left, to top, to bottom 등이 가능하다.</ref>
|-
|}
===div와 span===
===div와 span===



2021년 4월 5일 (월) 19:46 판

 제이위키의 규정
기본방침 (문서 관리 방침 · 토론 관리 방침 · 이용자 관리 방침 · 운영 관리 방침) · 편집지침 · 커뮤니티 가이드라인 · 동음이의 리다이렉트 요청
 제이위키의 도움말
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 50%);"> 그라데이션 </span>
그라데이션 그라데이션 각도을 지정합니다.[2]

div와 span

특수명령어

expr 함수

if 함수

switch 함수

고급틀 제작

변수의 이해

변수틀의 기초

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