-
CSS
(css-339
, 2021.03.16)
목차
:has() 예제 - 지정 요소 갖는 모든 요소 선택
:has() 정의
:has() 구문
:has() 예제 - 지정 요소 갖는 모든 요소 선택
자식 요소로 img 갖는 모든 a 태그.
a:has(> img)
&nb…
-
JavaScript
(js-1959
, 2020.08.09)
목차
dataset 예제 - data-접두어로 시작하는 속성의 속성군
dataset 정의
dataset 구문
dataset 예제 - <div>태그를 <iframe>태그처럼 사용
dataset 예제 - data-접두어로 시작하는 속성의 …
-
JavaScript
(js-1956
, 2020.05.30)
목차
selectedIndex 예제 - 선택된 색인번호
selectedIndex 정의
selectedIndex 구문
selectedIndex 예제 - 옵션 미지정 시, 첫 번째 옵션 자동 지정
selectedIndex 예제 - 선택된 색인번호
&…
-
JavaScript
(js-1955
, 2020.05.30)
rest 매개변수 예제 - 매개변수 총합
<div id="hz"></div>
<script>
function sum(...nums) {
return nums.reduce((previous, current) => {
&…
-
Bootstrap 4
(bs4-44
, 2020.01.26)
목차
수동 너비
자동 너비
※.col-숫자,.col 클래스경우, 모든 너비에 적용.
※.col-sm-숫자,.col-sm클래스 경우, 576px 이상에 적용.
※.col-md-숫자,&n…
-
Bootstrap 4
(bs4-43
, 2020.01.26)
목차
수동 너비
자동 너비
※.col-숫자,.col 클래스경우, 모든 너비에 적용.
※.col-sm-숫자,.col-sm클래스 경우, 576px 이상에 적용.
※.col-md-숫자,.col-md…
-
Bootstrap 4
(bs4-42
, 2020.01.26)
목차
수동 너비
자동 너비
※ .col-숫자, .col 클래스 경우, 모든 너비에 적용.
※.col-sm-숫자,.col-sm클래스 경우, 576px 이상에 적용.
★.col-md-숫자,.col-md&nbs…
-
Bootstrap 4
(bs4-41
, 2020.01.26)
목차
수동 너비
자동 너비
※.col-숫자,.col 클래스경우, 모든 너비에 적용.
※.col-sm-숫자,.col-sm클래스 경우, 576px 이상에 적용.
수동 너비
…
-
Bootstrap 4
(bs4-40
, 2020.01.26)
목차
수동 너비
자동 너비
※.col-숫자,.col 클래스경우, 모든 너비에 적용.
수동 너비
[3:9 비율]
<div class="contai…
-
Bootstrap 4
(bs4-33
, 2020.01.26)
목차
border (테두리 사용 여부)
border color (테두리 색깔)
border radius (테두리 모서리 둥근 정도)
Float (한켠띄우기) / Clearfix (줄바꿈)
Responsive Float (반응형 한켠띄우기)
Center Alig…