aboutsummaryrefslogtreecommitdiff
path: root/files/ko
diff options
context:
space:
mode:
author3indblown Leaf <69508345+kraccoon-dev@users.noreply.github.com>2022-02-02 00:50:44 +0900
committerGitHub <noreply@github.com>2022-02-02 00:50:44 +0900
commitdee376d158a44c2578d88b11468ec2764369b454 (patch)
treebac0781c3c37af291c7c8f2a1c71062af3e97743 /files/ko
parent39a49663eaad079227bc2749e9394b64bd1a6dd3 (diff)
downloadtranslated-content-dee376d158a44c2578d88b11468ec2764369b454.tar.gz
translated-content-dee376d158a44c2578d88b11468ec2764369b454.tar.bz2
translated-content-dee376d158a44c2578d88b11468ec2764369b454.zip
[ko] updated css gap page (#3878)
* update page * delete note
Diffstat (limited to 'files/ko')
-rw-r--r--files/ko/web/css/gap/index.html42
1 files changed, 6 insertions, 36 deletions
diff --git a/files/ko/web/css/gap/index.html b/files/ko/web/css/gap/index.html
index 4dd814f6bc..ae546d2393 100644
--- a/files/ko/web/css/gap/index.html
+++ b/files/ko/web/css/gap/index.html
@@ -18,10 +18,6 @@ translation_of: Web/CSS/gap
<div>{{EmbedInteractiveExample("pages/css/gap.html")}}</div>
-<div class="note">
-<p>원래 <a href="/ko/docs/Web/CSS/CSS_Grid_Layout">CSS Grid Layout</a>은 접두사를 붙인 <code>grid-gap</code> 속성을 정의했었으며, 현재 <code>gap</code>으로 대체하는 과정 중에 있습니다. 그러나 <code>grid-gap</code>만 구현하고 그리드 레이아웃용 <code>gap</code>은 구연하지 않은 브라우저를 지원하려면 위의 대화형 예제처럼 접두사 속성을 사용해야 합니다.</p>
-</div>
-
<h2 id="구문">구문</h2>
<pre class="brush: css; no-line-numbers">/* 단일 &lt;length&gt; 값 */
@@ -67,6 +63,9 @@ gap: unset;
<dd>그리드 선을 분할하는 간격의 너비. 요소 크기에 상대적입니다.</dd>
</dl>
+<h3 id="formal_definition">형식 정의</h3>
+{{cssinfo}}
+
<h3 id="형식_구문">형식 구문</h3>
{{CSSSyntax}}
@@ -176,45 +175,16 @@ gap: unset;
<p>{{EmbedLiveSample("다열_레이아웃", "auto", "120px")}}</p>
<h2 id="명세">명세</h2>
+{{Specifications("css.properties.gap.grid_context")}}
-<table class="standard-table">
- <thead>
- <tr>
- <th scope="col">Specification</th>
- <th scope="col">Status</th>
- <th scope="col">Comment</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>{{SpecName("CSS3 Box Alignment", "#propdef-gap", "gap")}}</td>
- <td>{{Spec2("CSS3 Box Alignment")}}</td>
- <td>Initial definition</td>
- </tr>
- </tbody>
-</table>
-
-<p>{{CSSInfo}}</p>
<h2 id="브라우저_호환성">브라우저 호환성</h2>
+{{Compat}}
-
-<h3 id="플렉스_레이아웃_지원">플렉스 레이아웃 지원</h3>
-
-<p>{{Compat("css.properties.gap.flex_context")}}</p>
-
-<h3 id="그리드_레이아웃_지원">그리드 레이아웃 지원</h3>
-
-<p>{{Compat("css.properties.gap.grid_context")}}</p>
-
-<h3 id="다열_레이아웃_지원">다열 레이아웃 지원</h3>
-
-<p>{{Compat("css.properties.gap.multicol_context")}}</p>
-
<h2 id="같이_보기">같이 보기</h2>
<ul>
<li>관련 CSS 속성: {{CSSxRef("row-gap")}}, {{CSSxRef("column-gap")}}</li>
- <li>그리드 레이아웃 안내서: <a href="/ko/docs/Web/CSS/CSS_Grid_Layout/Basic_Concepts_of_Grid_Layout#Gutters">Basic concepts of grid layout - Gutters</a></li>
+ <li>그리드 레이아웃 안내서: <em><a href="/ko/docs/Web/CSS/CSS_Grid_Layout/Basic_Concepts_of_Grid_Layout#Gutters">Basic concepts of grid layout - Gutters</a></em></li>
</ul>