CSS HTML JAVASCRIPT 웹디자인기능사 Reference204 font-variant-ligatures 속성은 글꼴 글리프가 겹쳤을 때 설정합니다. Reference/CSS font-variant-ligatures 속성은 글꼴 글리프가 겹쳤을 때 설정합니다. by @webs 2022. 12. 8. font-variant-ligatures font-variant-ligatures 속성은 글꼴 글리프(표시 형태)가 겹쳤을 때 설정합니다. 특징 설명 기본값 font-variant-ligatures : normal 적용 font 버전 CSS3 사용성 ☆☆☆☆☆ 정의(Definition) font-variant-ligatures 속성은 글꼴 글리프(표시 형태)가 겹쳤을 때 설정합니다. font-variant와 관련된 속성 font-variant 속성은 글꼴 글리프(표시 형태)를 일괄적으로 설정합니다. font-variant-ligatures 속성은 글꼴 글리.. 2022. 12. 11. font-variant-emoji 속성은 이모지 글꼴 글리프를 설정합니다. Reference/CSS font-variant-emoji 속성은 이모지 글꼴 글리프를 설정합니다. by @webs 2022. 12. 8. font-variant-emoji font-variant-emoji 속성은 이모지 글꼴 글리프(표시 형태)를 설정합니다. 특징 설명 기본값 font-variant-emoji : normal 적용 font 버전 CSS3 사용성 ☆☆☆☆☆ 정의(Definition) font-variant-emoji 속성은 이모지 글꼴 글리프(표시 형태)를 설정합니다. font-variant와 관련된 속성 font-variant 속성은 글꼴 글리프(표시 형태)를 일괄적으로 설정합니다. font-variant-ligatures 속성은 글꼴 글리프(표시 형태)가 겹쳤을 때 설정합니다. fon.. 2022. 12. 11. font-variant-east-asian 속성은 아시아 언어 글꼴 글리프를 설정합니다. Reference/CSS font-variant-east-asian 속성은 아시아 언어 글꼴 글리프를 설정합니다. by @webs 2022. 12. 8. font-variant-east-asian font-variant-east-asian 속성은 아시아 언어 글꼴 글리프(표시 형태)를 설정합니다. 특징 설명 기본값 font-variant-east-asian : normal 적용 font 버전 CSS3 사용성 ☆☆☆☆☆ 정의(Definition) font-variant-east-asian 속성은 아시아 언어 글꼴 글리프(표시 형태)를 설정합니다. font-variant와 관련된 속성 font-variant 속성은 글꼴 글리프(표시 형태)를 일괄적으로 설정합니다. font-variant-ligatures 속.. 2022. 12. 11. font-variant-caps 속성은 소문자/대문자에 대한 글꼴 글리프를 설정합니다. Reference/CSS font-variant-caps 속성은 소문자/대문자에 대한 글꼴 글리프를 설정합니다. by @webs 2022. 12. 11. font-variant-caps font-variant-caps 속성은 소문자/대문자에 대한 글꼴 글리프(표시 형태)를 설정합니다. 특징 설명 기본값 font-variant-caps : normal 적용 font 버전 CSS3 사용성 ☆☆☆☆☆ 정의(Definition) font-variant-caps 속성은 소문자/대문자에 대한 글꼴 글리프(표시 형태)를 설정합니다. font-variant와 관련된 속성 font-variant 속성은 글꼴 글리프(표시 형태)를 일괄적으로 설정합니다. font-variant-ligatures 속성은 글꼴 글리프(표시 형.. 2022. 12. 11. font-variant-alternates 속성은 글꼴 글리프의 대체 형태를 설정합니다. Reference/CSS font-variant-alternates 속성은 글꼴 글리프의 대체 형태를 설정합니다. by @webs 2022. 12. 8. font-variant-alternates font-variant-alternates 속성은 글꼴 글리프(표시 형태)의 대체 형태를 설정합니다. 특징 설명 기본값 font-variant-alternates : normal 적용 font 버전 CSS3 사용성 ☆☆☆☆☆ 정의(Definition) font-variant-alternates 속성은 글꼴 글리프(표시 형태)의 대체 형태를 설정합니다. font-variant와 관련된 속성 font-variant 속성은 글꼴 글리프(표시 형태)를 일괄적으로 설정합니다. font-variant-ligatures 속.. 2022. 12. 11. font-variant-position 속성은 글꼴 글리프의 위치를 설정합니다. Reference/CSS font-variant-position 속성은 글꼴 변형 형태의 위치를 설정합니다. by @webs 2022. 12. 8. font-variant-position font-variant-position 속성은 글꼴 변형 형태의 위치를 설정합니다. 위 첨자, 아래 첨자로 배치된 글리프의 위치를 설정합니다. 특징 설명 기본값 font-variant-position : normal 적용 font 버전 CSS3 사용성 ☆☆☆☆☆ 정의(Definition) font-variant-position 속성은 글꼴 글리프(표시 형태)의 위치를 설정합니다. font-variant-position 속성은 위 첨자, 아래 첨자로 배치된 글리프의 위치를 설정합니다. font-variant와 관련된 속성.. 2022. 12. 11. font-variant 속성은 글꼴 변형 형태를 일괄적으로 설정합니다. Reference/CSS font-variant 속성은 글꼴 변형 형태를 일괄적으로 설정합니다. by @webs 2022. 12. 8. font-variant font-variant 속성은 글꼴 변형 형태를 일괄적으로 설정합니다. font-variant 속성은 소문자 폰트를 대문자로 변경해주는 기능만 있었지만, 현재는 다양한 추가 속성 기능이 추가되었습니다. 글꼴에 대한 위치, 변형, 대체 문자, 겹쳤을 때 등 다양한 글꼴 지원을 위한 설정이 현재 개발 중이며, 아직까지 모든 브라우저 및 폰트에 적용되지 않습니다. 특징 설명 기본값 font-variant : normal 적용 font 버전 CSS3 사용성 ★☆☆☆☆ 정의(Definition) font-variant 속성은 글꼴 변형 형태를 일괄적으로 설.. 2022. 12. 10. font-variation-settings 속성은 가변 폰트를 설정합니다. Reference/CSS font-variation-settings 속성은 가변 폰트를 설정합니다. by @webs 2022. 12. 10. font-variation-settings font-variation-settings 속성은 가변 폰트를 설정합니다. 가변 폰트는 폰트에 따라 지원여부가 다르니, 가변 폰트가 적용되는 폰트를 사용해야 합니다. 가변 폰트란 width(너비), weight(두께), slant(기울기) 등을 자유롭게 표현되는 폰트를 말합니다. 특징 설명 기본값 font-variation-settings : normal 적용 font 버전 CSS3 사용성 ★☆☆☆☆ 정의(Definition) font-variation-settings 속성은 가변 폰트를 설정합니다. 가변 폰트란? widt.. 2022. 12. 10. font-size-adjust 속성은 소문자를 기준으로 폰트 크기를 설정합니다. Reference/CSS font-size-adjust 속성은 소문자를 기준으로 폰트 크기를 설정합니다. by @webs 2022. 12. 8. font-size-adjust font-size-adjust 속성은 소문자를 기준으로 폰트 크기를 설정합니다. font-size-adjust 속성은 현재(2022년 기준) 호환성이 좋지 않기 때문에, 사용에 있어 효율성이 좋지 못합니다. 이 속성은 웹 문서에 두개 이상의 폰트를 사용할 경우 또는 첫 번재 설정한 폰트가 없어서, 두번째 폰트롤 로딩이 되는 경우 UI가 깨질 수 있습니다. 폰트의 크기, 간격 등이 틀리기 때문에 생각지도 못한 뒤틀림이 발생 할 수 있습니다. font-size-adjust 속성은 폰트의 기준점을 대문자가 아닌 소문자로 기준으로 하기 때.. 2022. 12. 8. font-weight 속성은 폰트의 두께를 설정합니다. Reference/CSS font-weight 속성은 폰트의 두께를 설정합니다. by @webs 2022. 12. 8. font-weight font-weight 속성은 폰트의 두께를 설정합니다. 폰트의 두께는 100~900까지 설정 할 수 있습니다. 이것은 폰트가 9가지 두께로 설정되어 있으며, 선택이 가능합니다. 만약 해당 폰트 두께가 없다면, 가장 가까운 두께로 선택하게 됩니다. 보통은 두껍게 bold 속성을 많이 사용하는 편입니다. 특징 설명 기본값 font-weight : normal 적용 font 버전 CSS1 사용성 ★★★★☆ 정의(Definition) font-weight 속성은 폰트의 두께를 설정합니다. font-weight 요소는 두께를 숫자로 설정할 수 있습니다. font-weight.. 2022. 12. 8. font-style 속성은 폰트의 스타일을 설정합니다. Reference/CSS font-style 속성은 폰트의 스타일을 설정합니다. by @webs 2022. 12. 8. font-style font-style 속성은 폰트의 스타일을 설정합니다. 특징 설명 기본값 font-style : normal 적용 font 버전 CSS1 사용성 ★★★★☆ 정의(Definition) font-style 속성은 폰트의 스타일을 설정합니다. 폰트와 관련된 속성 font 속성은 폰트에 관한 설정을 일괄적으로 설정합니다. font-family 속성은 폰트 종류를 설정합니다. font-size 속성은 폰트 사이즈 속성을 설정합니다. font-size-adjust 속성은 소문자를 기준으로 폰트 크기를 설정합니다. font-style 속성은 폰트의 스타일을 설정합니다. font-.. 2022. 12. 8. font-size 속성은 폰트 사이즈 속성을 설정합니다. Reference/CSS font-size 속성은 폰트 사이즈 속성을 설정합니다. by @webs 2022. 12. 8. font-size font-size 속성은 폰트 사이즈 속성을 설정합니다. 사이즈는 키워드를 사용할 수 있지만, 잘 사용하지 않습니다. 사이즈는 CSS 단위를 통해 주로 설정하는 편이며, 반응형 작업시 em, rem, vw를 많이 사용합니다. 특징 설명 기본값 font-size : medium 적용 font 버전 CSS1 사용성 ★★★★☆ 정의(Definition) font-size 속성은 폰트 사이즈 속성을 설정합니다. font-size 속성은 키워드 또는 CSS 단위로 설정할 수 있습니다. 일관된 크기의 폰트를 작성하려면 px 단위를 사용하지만, 상대적으로 변해야 하는 사이즈라면,.. 2022. 12. 8. font-family 속성은 폰트 종류를 설정합니다. Reference/CSS font-family 속성은 폰트 종류를 설정합니다. by @webs 2022. 12. 7. font-family font-family 속성은 폰트 종류를 설정합니다. 사용자 컴퓨터에 폰트가 설치되어 있다면, 폰트가 구현됩니다. 만약 폰트가 없다면 나오지 않지만, 웹폰트(@font-face)를 설정한다면, 자동으로 다운받고 브라우저에 해당 폰트를 구현할 수 있습니다. 사용자마다 폰트가 없을수도 있기 때문에 여러가지 폰트 설정이 가능하며, 쉼표(,)를 통해 연속적으로 작성하면 됩니다. 폰트 이름이 한글이거나 빈칸이 있다면, 오류를 일으킬 수 있으니 큰따옴표("")로 감싸주면 됩니다. 특징 설명 기본값 font-family : 폰트 이름 적용 font 버전 CSS1 사용성 ★★★★☆.. 2022. 12. 8. border-collapse 속성은 표의 테두리 분리 여부를 설정합니다. Reference/CSS border-collapse 속성은 표의 테두리 분리 여부를 설정합니다. by @webs 2022. 12. 7. border-collapse border-collapse 속성은 표의 테두리 분리 여부를 설정합니다. 테이블은 테이터를 포함하는 셀의 행과 열로 구성된 정보표입니다. 예전에는 테이블을 이용해서 레이아웃을 표현한 적도 있지만, 웹표준을 준수해야 하는 현재는 테이블을 이용해서 레이아웃을 만드는 것은 적절하지 않습니다. 테이블을 쓰기 위해서는 즉 표를 만들기 위해서는 제목, 설명, 셀, 셀합치기, 표 구조, 셀 그룹 등 여러가지를 신경써야 합니다. 테이블은 제목을 표시하기 위해 을 사용하고, 셀 요소를 그룹화하기 위해 과 을 사용합니다. 테이블 전체 구조를 분리하기 위해 ,.. 2022. 12. 7. border-spacing 속성은 표의 테두리 간격을 설정합니다. Reference/CSS border-spacing 속성은 표의 테두리 간격을 설정합니다. by @webs 2022. 12. 7. border-spacing border-spacing 속성은 표의 테두리 간격을 설정합니다. 테이블은 테이터를 포함하는 셀의 행과 열로 구성된 정보표입니다. 예전에는 테이블을 이용해서 레이아웃을 표현한 적도 있지만, 웹표준을 준수해야 하는 현재는 테이블을 이용해서 레이아웃을 만드는 것은 적절하지 않습니다. 테이블을 쓰기 위해서는 즉 표를 만들기 위해서는 제목, 설명, 셀, 셀합치기, 표 구조, 셀 그룹 등 여러가지를 신경써야 합니다. 테이블은 제목을 표시하기 위해 을 사용하고, 셀 요소를 그룹화하기 위해 과 을 사용합니다. 테이블 전체 구조를 분리하기 위해 , , 를 사용하며.. 2022. 12. 7. table 태그는 표를 설정합니다. Reference/HTML 태그는 표를 설정합니다. by @webs 2022. 12. 6. 태그는 표를 설정합니다. 테이블은 테이터를 포함하는 셀의 행과 열로 구성된 정보표입니다. 예전에는 테이블을 이용해서 레이아웃을 표현한 적도 있지만, 웹표준을 준수해야 하는 현재는 테이블을 이용해서 레이아웃을 만드는 것은 적절하지 않습니다. 테이블을 쓰기 위해서는 즉 표를 만들기 위해서는 제목, 설명, 셀, 셀합치기, 표 구조, 셀 그룹 등 여러가지를 신경써야 합니다. 테이블은 제목을 표시하기 위해 을 사용하고, 셀 요소를 그룹화하기 위해 과 을 사용합니다. 테이블 전체 구조를 분리하기 위해 , , 를 사용하며, 행과 열을 나타내는 , , 등을 사용합니다. 여기에 접근성을 위해 scope 속성을 사용하고 셀의 병합을.. 2022. 12. 7. td 태그는 표의 열(셀)을 설정합니다. Reference/HTML 태그는 표의 열(셀)을 설정합니다. by @webs 2022. 12. 6. 태그는 표의 열(셀)을 설정합니다. 테이블은 테이터를 포함하는 셀의 행과 열로 구성된 정보표입니다. 예전에는 테이블을 이용해서 레이아웃을 표현한 적도 있지만, 웹표준을 준수해야 하는 현재는 테이블을 이용해서 레이아웃을 만드는 것은 적절하지 않습니다. 테이블을 쓰기 위해서는 즉 표를 만들기 위해서는 제목, 설명, 셀, 셀합치기, 표 구조, 셀 그룹 등 여러가지를 신경써야 합니다. 테이블은 제목을 표시하기 위해 을 사용하고, 셀 요소를 그룹화하기 위해 과 을 사용합니다. 테이블 전체 구조를 분리하기 위해 , , 를 사용하며, 행과 열을 나타내는 , , 등을 사용합니다. 여기에 접근성을 위해 scope 속성을.. 2022. 12. 7. th 태그는 행이나 열에 제목을 설정합니다. Reference/HTML 태그는 행이나 열에 타이틀을 설정합니다. by @webs 2022. 12. 6. 태그는 행이나 열에 타이틀을 설정합니다. 테이블은 테이터를 포함하는 셀의 행과 열로 구성된 정보표입니다. 예전에는 테이블을 이용해서 레이아웃을 표현한 적도 있지만, 웹표준을 준수해야 하는 현재는 테이블을 이용해서 레이아웃을 만드는 것은 적절하지 않습니다. 테이블을 쓰기 위해서는 즉 표를 만들기 위해서는 제목, 설명, 셀, 셀합치기, 표 구조, 셀 그룹 등 여러가지를 신경써야 합니다. 테이블은 제목을 표시하기 위해 을 사용하고, 셀 요소를 그룹화하기 위해 과 을 사용합니다. 테이블 전체 구조를 분리하기 위해 , , 를 사용하며, 행과 열을 나타내는 , , 등을 사용합니다. 여기에 접근성을 위해 sco.. 2022. 12. 7. tr 태그는 표의 행을 설정합니다. Reference/HTML 태그는 표의 행을 설정합니다. by @webs 2022. 12. 6. 태그는 표의 행을 설정합니다. 테이블은 테이터를 포함하는 셀의 행과 열로 구성된 정보표입니다. 예전에는 테이블을 이용해서 레이아웃을 표현한 적도 있지만, 웹표준을 준수해야 하는 현재는 테이블을 이용해서 레이아웃을 만드는 것은 적절하지 않습니다. 테이블을 쓰기 위해서는 즉 표를 만들기 위해서는 제목, 설명, 셀, 셀합치기, 표 구조, 셀 그룹 등 여러가지를 신경써야 합니다. 테이블은 제목을 표시하기 위해 을 사용하고, 셀 요소를 그룹화하기 위해 과 을 사용합니다. 테이블 전체 구조를 분리하기 위해 , , 를 사용하며, 행과 열을 나타내는 , , 등을 사용합니다. 여기에 접근성을 위해 scope 속성을 사용하고 .. 2022. 12. 7. col 태그는 colgroup 요소에 속하는 각 열의 속성을 설정합니다. Reference/HTML 태그는 요소에 속하는 각 열의 속성을 설정합니다. by @webs 2022. 12. 6. 태그는 요소에 속하는 각 열의 속성을 설정합니다. 테이블 각 셀마다 속성을 주는 것보다, 요소에 일괄적으로 설정할 수 있습니다. 보통은 태그에 style 속성을 사용하여, 속성값을 주는 방법을 많이 사용합니다. 테이블은 테이터를 포함하는 셀의 행과 열로 구성된 정보표입니다. 예전에는 테이블을 이용해서 레이아웃을 표현한 적도 있지만, 웹표준을 준수해야 하는 현재는 테이블을 이용해서 레이아웃을 만드는 것은 적절하지 않습니다. 테이블을 쓰기 위해서는 즉 표를 만들기 위해서는 제목, 설명, 셀, 셀합치기, 표 구조, 셀 그룹 등 여러가지를 신경써야 합니다. 테이블은 제목을 표시하기 위해 을 사용하.. 2022. 12. 7. colgroup 태그는 표의 열을 묶는 그룹을 설정합니다. Reference/HTML 태그는 표의 열을 묶는 그룹을 설정합니다. by @webs 2022. 12. 6. 태그는 표의 열을 묶는 그룹을 설정합니다. 테이블의 속성을 일괄적으로 줄 때 편하게 사용 할 수 있습니다. 테이블은 테이터를 포함하는 셀의 행과 열로 구성된 정보표입니다. 예전에는 테이블을 이용해서 레이아웃을 표현한 적도 있지만, 웹표준을 준수해야 하는 현재는 테이블을 이용해서 레이아웃을 만드는 것은 적절하지 않습니다. 테이블을 쓰기 위해서는 즉 표를 만들기 위해서는 제목, 설명, 셀, 셀합치기, 표 구조, 셀 그룹 등 여러가지를 신경써야 합니다. 테이블은 제목을 표시하기 위해 을 사용하고, 셀 요소를 그룹화하기 위해 과 을 사용합니다. 테이블 전체 구조를 분리하기 위해 , , 를 사용하며, 행과.. 2022. 12. 7. tfoot 태그는 표의 본문 영역 그룹을 설정합니다. Reference/HTML 태그는 표의 본문 영역 그룹을 설정합니다. by @webs 2022. 12. 6. 태그는 표의 푸터 영역 그룹을 설정합니다. 푸터 영역이 필요없다면 생략 가능합니다. 테이블은 테이터를 포함하는 셀의 행과 열로 구성된 정보표입니다. 예전에는 테이블을 이용해서 레이아웃을 표현한 적도 있지만, 웹표준을 준수해야 하는 현재는 테이블을 이용해서 레이아웃을 만드는 것은 적절하지 않습니다. 테이블을 쓰기 위해서는 즉 표를 만들기 위해서는 제목, 설명, 셀, 셀합치기, 표 구조, 셀 그룹 등 여러가지를 신경써야 합니다. 테이블은 제목을 표시하기 위해 을 사용하고, 셀 요소를 그룹화하기 위해 과 을 사용합니다. 테이블 전체 구조를 분리하기 위해 , , 를 사용하며, 행과 열을 나타내는 , , .. 2022. 12. 7. tbody 태그는 표의 본문 영역 그룹을 설정합니다. Reference/HTML 태그는 표의 본문 영역 그룹을 설정합니다. by @webs 2022. 12. 6. 태그는 표의 본문 영역 그룹을 설정합니다. 테이블은 테이터를 포함하는 셀의 행과 열로 구성된 정보표입니다. 예전에는 테이블을 이용해서 레이아웃을 표현한 적도 있지만, 웹표준을 준수해야 하는 현재는 테이블을 이용해서 레이아웃을 만드는 것은 적절하지 않습니다. 테이블을 쓰기 위해서는 즉 표를 만들기 위해서는 제목, 설명, 셀, 셀합치기, 표 구조, 셀 그룹 등 여러가지를 신경써야 합니다. 테이블은 제목을 표시하기 위해 을 사용하고, 셀 요소를 그룹화하기 위해 과 을 사용합니다. 테이블 전체 구조를 분리하기 위해 , , 를 사용하며, 행과 열을 나타내는 , , 등을 사용합니다. 여기에 접근성을 위해 s.. 2022. 12. 7. thead 태그는 표의 헤더 영역 그룹을 설정합니다. Reference/HTML 태그는 표의 헤더 영역 그룹을 설정합니다. by @webs 2022. 12. 6. 태그는 표의 헤더 영역 그룹을 설정합니다. 테이블은 테이터를 포함하는 셀의 행과 열로 구성된 정보표입니다. 예전에는 테이블을 이용해서 레이아웃을 표현한 적도 있지만, 웹표준을 준수해야 하는 현재는 테이블을 이용해서 레이아웃을 만드는 것은 적절하지 않습니다. 테이블을 쓰기 위해서는 즉 표를 만들기 위해서는 제목, 설명, 셀, 셀합치기, 표 구조, 셀 그룹 등 여러가지를 신경써야 합니다. 테이블은 제목을 표시하기 위해 을 사용하고, 셀 요소를 그룹화하기 위해 과 을 사용합니다. 테이블 전체 구조를 분리하기 위해 , , 를 사용하며, 행과 열을 나타내는 , , 등을 사용합니다. 여기에 접근성을 위해 s.. 2022. 12. 7. offsetWidth 속성은 요소의 가로 값을 가져옵니다. Reference/Javascript offsetWidth 속성은 요소의 가로 값을 가져옵니다. by @webs 2022. 12. 02. offsetWidth offsetWidth 속성은 요소의 가로 값(보더/패딩 포함)을 가져옵니다. 데이터 값을 수정할 수 없고, 값만 가져올 수 있는 읽기 전용 속성입니다. 특징 설명 유형(type) HTMLElement.offsetWidth 버전(version) ES1 결과값(return) 정수(integer) 사용성 ★★☆☆☆ 문법(Syntax) HTMLElement.offsetWidth document.querySelector(".box").offsetWidth 요소(element) : 선택할 요소를 설정합니다. 정의(Definition) offsetWidth 속.. 2022. 12. 2. offsetTop 속성은 요소의 Y축 위치 값을 가져옵니다. Reference/Javascript offsetTop 속성은 요소의 Y축 위치 값을 가져옵니다. by @webs 2022. 12. 02. offsetTop offsetTop 속성은 요소의 Y축 위치 값(문서 기준)을 가져옵니다. 데이터 값을 수정할 수 없고, 값만 가져올 수 있는 읽기 전용 속성입니다. 특징 설명 유형(type) HTMLElement.offsetTop 버전(version) ES1 결과값(return) 정수(integer) 사용성 ★★★☆☆ 문법(Syntax) HTMLElement.offsetTop document.querySelector(".box").offsetTop 요소(element) : 선택할 요소를 설정합니다. 정의(Definition) offsetTop 속성은 요소의 Y축 위.. 2022. 12. 2. offsetLeft 속성은 요소의 X축 위치 값을 가져옵니다. Reference/Javascript offsetLeft 속성은 요소의 X축 위치 값을 가져옵니다. by @webs 2022. 12. 02. offsetLeft offsetLeft 속성은 요소의 X축 위치 값(문서 기준)을 가져옵니다. 데이터 값을 수정할 수 없고, 값만 가져올 수 있는 읽기 전용 속성입니다. 특징 설명 유형(type) HTMLElement.offsetLeft 버전(version) ES1 결과값(return) 정수(integer) 사용성 ★★☆☆☆ 문법(Syntax) HTMLElement.offsetLeft document.querySelector(".box").offsetLeft 요소(element) : 선택할 요소를 설정합니다. 정의(Definition) offsetLeft 속성은 요.. 2022. 12. 2. offsetHeight 속성은 요소의 세로 값을 가져옵니다. Reference/Javascript offsetHeight 속성은 요소의 세로 값을 가져옵니다. by @webs 2022. 12. 02. offsetHeight offsetHeight 속성은 요소의 세로 값(보더/패딩 포함)을 가져옵니다. 데이터 값을 수정할 수 없고, 값만 가져올 수 있는 읽기 전용 속성입니다. 특징 설명 유형(type) HTMLElement.offsetHeight 버전(version) ES1 결과값(return) 정수(integer) 사용성 ★★☆☆☆ 문법(Syntax) HTMLElement.offsetHeight document.querySelector(".box").offsetHeight 요소(element) : 선택할 요소를 설정합니다. 정의(Definition) offsetH.. 2022. 12. 2. clientLeft 속성은 요소의 X축 위치 값을 가져옵니다. Reference/Javascript clientLeft 속성은 요소의 X축 위치 값을 가져옵니다. by @webs 2022. 12. 02. clientLeft clientLeft 속성은 요소의 X축 위치 값(부모 기준)을 가져옵니다. 위치 값만 가져올 수 있으며, 수정할 수 없는 읽기 전용 속성입니다. element.getBoundingClientRect()에서도 속성 값을 가져올 수 있습니다. 특징 설명 유형(type) Element.clientLeft 버전(version) ES1 결과값(return) 숫자(number) 사용성 ★★★☆☆ 문법(Syntax) element.clientLeft document.querySelector(".box").clientLeft 요소(element) : 선택할 요.. 2022. 12. 2. clientTop 속성은 요소의 Y축 위치 값을 가져옵니다. Reference/Javascript clientTop 속성은 요소의 Y축 위치 값을 가져옵니다. by @webs 2022. 11. 17. clientTop clientTop 속성은 요소의 Y축 위치 값(부모 기준)을 가져옵니다. 위치 값만 가져올 수 있으며, 수정할 수 없는 읽기 전용 속성입니다. element.getBoundingClientRect()에서도 속성 값을 가져올 수 있습니다. 특징 설명 유형(type) Element.clientTop 버전(version) ES1 결과값(return) 숫자(number) 사용성 ★★★☆☆ 문법(Syntax) element.clientTop document.querySelector(".box").clientTop 요소(element) : 선택할 요소를 설정합.. 2022. 12. 2. 이전 1 2 3 4 5 6 7 다음
