diff options
author | 3indblown Leaf <69508345+kraccoon-dev@users.noreply.github.com> | 2022-02-02 00:50:44 +0900 |
---|---|---|
committer | GitHub <noreply@github.com> | 2022-02-02 00:50:44 +0900 |
commit | dee376d158a44c2578d88b11468ec2764369b454 (patch) | |
tree | bac0781c3c37af291c7c8f2a1c71062af3e97743 /files/ko | |
parent | 39a49663eaad079227bc2749e9394b64bd1a6dd3 (diff) | |
download | translated-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.html | 42 |
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">/* 단일 <length> 값 */ @@ -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> |