CSS HTML JAVASCRIPT 웹디자인기능사 GSAP 포트폴리오 유튜브 Reference204 border-left 속성은 테두리 왼쪽 속성을 일괄적으로 설정합니다. Reference/CSS border-left 속성은 테두리 왼쪽 속성을 일괄적으로 설정합니다. by @webs 2022. 12. 29. border-left border-left 속성은 테두리 왼쪽 속성을 일괄적으로 설정합니다. 테두리 왼쪽 속성에 color, style, width 값을 일괄적으로 설정이 가능합니다. 특징 설명 기본값 border-left-color : currentcolor border-left-style : none border-left-width : medium 적용 border 버전 CSS1 사용성 ★★☆☆☆ 정의(Definition) border-left 속성은 테두리 왼쪽 속성을 일괄적으로 설정합니다. 비교(Compare) border-left 속성은 테두리 왼쪽 속성을 일.. 2022. 12. 30. border-right 속성은 테두리 오른쪽 속성을 일괄적으로 설정합니다. Reference/CSS border-right 속성은 테두리 오른쪽 속성을 일괄적으로 설정합니다. by @webs 2022. 12. 29. border-right border-right 속성은 테두리 오른쪽 속성을 일괄적으로 설정합니다. 테두리 오른쪽 속성에 color, style, width 값을 일괄적으로 설정이 가능합니다. 특징 설명 기본값 border-right-color : currentcolor border-right-style : none border-right-width : medium 적용 border 버전 CSS1 사용성 ★★☆☆☆ 정의(Definition) border-right 속성은 테두리 오른쪽 속성을 일괄적으로 설정합니다. 비교(Compare) border-right 속성은 .. 2022. 12. 30. border-width 속성은 테두리 두께 속성을 일괄적으로 설정합니다. Reference/CSS border-width 속성은 테두리 두께 속성을 일괄적으로 설정합니다. by @webs 2022. 12. 29. border-width border-width 속성은 테두리 두께 속성을 일괄적으로 설정합니다. 특징 설명 기본값 border-width : medium 적용 border 버전 CSS1 사용성 ★★☆☆☆ 정의(Definition) border-width 속성은 테두리 두께 속성을 일괄적으로 설정합니다. 비교(Compare) border-width 속성은 테두리 두께 속성을 일괄적으로 설정합니다. border-top-width 속성은 테두리 위쪽 두께 속성을 설정합니다. border-right-width 속성은 테두리 오른쪽 두께 속성을 설정합니다. border-bot.. 2022. 12. 30. border-style 속성은 테두리 스타일 속성을 일괄적으로 설정합니다. Reference/CSS border-style 속성은 테두리 스타일 속성을 일괄적으로 설정합니다. by @webs 2022. 12. 29. border-style border-style 속성은 테두리 스타일 속성을 일괄적으로 설정합니다. 테두리 종류를 여러가지 스타일로 설정 가능합니다. 네 면의 위치를 일괄적으로 설정할 수 있으며, 각각의 위치를 개별적으로도 설정이 가능합니다. 스타일을 설정하기 위해서는 border-width와 border-color가 설정되어 있어야 합니다. 특징 설명 기본값 border-style : none 적용 border 버전 CSS1 사용성 ★★☆☆☆ 정의(Definition) border-style 속성은 테두리 스타일 속성을 일괄적으로 설정합니다. 비교(Compare) .. 2022. 12. 30. border-right-width 속성은 테두리 오른쪽 두께 속성을 설정합니다. Reference/CSS border-right-width 속성은 테두리 오른쪽 두께 속성을 설정합니다. by @webs 2022. 12. 30. border-right-width border-right-width 속성은 테두리 오른쪽 두께 속성을 설정합니다. 특징 설명 기본값 border-right-width : medium 적용 border 버전 CSS1 사용성 ★★☆☆☆ 정의(Definition) border-right-width 속성은 테두리 오른쪽 두께 속성을 설정합니다. 비교(Compare) border-width 속성은 테두리 두께 속성을 일괄적으로 설정합니다. border-top-width 속성은 테두리 위쪽 두께 속성을 설정합니다. border-right-width 속성은 테두리 오른쪽 .. 2022. 12. 30. border-top-width 속성은 테두리 위쪽 두께 속성을 설정합니다. Reference/CSS border-top-width 속성은 테두리 위쪽 두께 속성을 설정합니다. by @webs 2022. 12. 30. border-top-width border-top-width 속성은 테두리 위쪽 두께 속성을 설정합니다. 특징 설명 기본값 border-top-width : medium 적용 border 버전 CSS1 사용성 ★★☆☆☆ 정의(Definition) border-top-width 속성은 테두리 위쪽 두께 속성을 설정합니다. 비교(Compare) border-width 속성은 테두리 두께 속성을 일괄적으로 설정합니다. border-top-width 속성은 테두리 위쪽 두께 속성을 설정합니다. border-right-width 속성은 테두리 오른쪽 두께 속성을 설정합니다... 2022. 12. 30. border-left-width 속성은 테두리 왼쪽 두께 속성을 설정합니다. Reference/CSS border-left-width 속성은 테두리 왼쪽 두께 속성을 설정합니다. by @webs 2022. 12. 29. border-left-width border-left-width 속성은 테두리 왼쪽 두께 속성을 설정합니다. 특징 설명 기본값 border-left-width : medium 적용 border 버전 CSS1 사용성 ★★☆☆☆ 정의(Definition) border-left-width 속성은 테두리 왼쪽 두께 속성을 설정합니다. 비교(Compare) border-width 속성은 테두리 두께 속성을 일괄적으로 설정합니다. border-top-width 속성은 테두리 위쪽 두께 속성을 설정합니다. border-right-width 속성은 테두리 오른쪽 두께 속성을 설.. 2022. 12. 30. border-bottom-width 속성은 테두리 아래쪽 두께 속성을 설정합니다. Reference/CSS border-bottom-width 속성은 테두리 아래쪽 두께 속성을 설정합니다. by @webs 2022. 12. 30. border-bottom-width border-bottom-width 속성은 테두리 아래쪽 두께 속성을 설정합니다. 특징 설명 기본값 border-bottom-width : medium 적용 border 버전 CSS1 사용성 ★★☆☆☆ 정의(Definition) border-bottom-width 속성은 테두리 아래쪽 두께 속성을 설정합니다. 비교(Compare) border-width 속성은 테두리 두께 속성을 일괄적으로 설정합니다. border-top-width 속성은 테두리 위쪽 두께 속성을 설정합니다. border-right-width 속성은 테두리.. 2022. 12. 30. border-top-style 속성은 테두리 위쪽 스타일 속성을 설정합니다. Reference/CSS border-top-style 속성은 테두리 위쪽 스타일 속성을 설정합니다. by @webs 2022. 12. 29. border-top-style border-top-style 속성은 테두리 위쪽 스타일 속성을 설정합니다. 테두리 종류를 여러가지 스타일로 설정 가능합니다. 스타일을 설정하기 위해서는 border-width와 border-color가 설정되어 있어야 합니다. 특징 설명 기본값 border-top-style : none 적용 border 버전 CSS1 사용성 ★★☆☆☆ 정의(Definition) border-top-style 속성은 테두리 위쪽 스타일 속성을 설정합니다. 비교(Compare) border-style 속성은 테두리 스타일 속성을 일괄적으로 설정합니다... 2022. 12. 30. border-right-style 속성은 테두리 오른쪽 스타일 속성을 설정합니다. Reference/CSS border-right-style 속성은 테두리 오른쪽 스타일 속성을 설정합니다. by @webs 2022. 12. 29. border-right-style border-right-style 속성은 테두리 오른쪽 스타일 속성을 설정합니다. 테두리 종류를 여러가지 스타일로 설정 가능합니다. 스타일을 설정하기 위해서는 border-width와 border-color가 설정되어 있어야 합니다. 특징 설명 기본값 border-right-style : none 적용 border 버전 CSS1 사용성 ★★☆☆☆ 정의(Definition) border-right-style 속성은 테두리 오른쪽 스타일 속성을 설정합니다. 비교(Compare) border-style 속성은 테두리 스타일 속성을.. 2022. 12. 30. border-left-style 속성은 테두리 왼쪽 스타일 속성을 설정합니다. Reference/CSS border-left-style 속성은 테두리 왼쪽 스타일 속성을 설정합니다. by @webs 2022. 12. 29. border-left-style border-left-style 속성은 테두리 왼쪽 스타일 속성을 설정합니다. 테두리 종류를 여러가지 스타일로 설정 가능합니다. 스타일을 설정하기 위해서는 border-width와 border-color가 설정되어 있어야 합니다. 특징 설명 기본값 border-left-style : none 적용 border 버전 CSS1 사용성 ★★☆☆☆ 정의(Definition) border-left-style 속성은 테두리 왼쪽 스타일 속성을 설정합니다. 비교(Compare) border-style 속성은 테두리 스타일 속성을 일괄적으로 설.. 2022. 12. 30. border-bottom-style 속성은 테두리 아래쪽 스타일 속성을 설정합니다. Reference/CSS border-bottom-style 속성은 테두리 아래쪽 스타일 속성을 설정합니다. by @webs 2022. 12. 29. border-bottom-style border-bottom-style 속성은 테두리 아래쪽 스타일 속성을 설정합니다. 테두리 종류를 여러가지 스타일로 설정 가능합니다. 스타일을 설정하기 위해서는 border-width와 border-color가 설정되어 있어야 합니다. 특징 설명 기본값 border-bottom-style : none 적용 border 버전 CSS1 사용성 ★★☆☆☆ 정의(Definition) border-bottom-style 속성은 테두리 아래쪽 스타일 속성을 설정합니다. 비교(Compare) border-style 속성은 테두리 스타.. 2022. 12. 30. border-bottom-color 속성은 테두리 아래쪽 색 속성을 설정합니다. Reference/CSS border-bottom-color 속성은 테두리 아래쪽 색 속성을 설정합니다. by @webs 2022. 12. 30. border-bottom-color border-bottom-color 속성은 테두리 아래쪽 색 속성을 설정합니다. 특징 설명 기본값 border-bottom-color : currentcolor 적용 border 버전 CSS1 사용성 ★★☆☆☆ 정의(Definition) border-bottom-color 속성은 테두리 아래쪽 색 속성을 설정합니다. 비교(Compare) border-color 속성은 테두리 색 속성을 일괄적으로 설정합니다. border-top-color 속성은 테두리 위쪽 색 속성을 설정합니다. border-right-color 속성은 테두.. 2022. 12. 30. border-left-color 속성은 테두리 왼쪽 색 속성을 설정합니다. Reference/CSS border-left-color 속성은 테두리 왼쪽 색 속성을 설정합니다. by @webs 2022. 12. 30. border-left-color border-left-color 속성은 테두리 왼쪽 색 속성을 설정합니다. 특징 설명 기본값 border-left-color : currentcolor 적용 border 버전 CSS1 사용성 ★★☆☆☆ 정의(Definition) border-left-color 속성은 테두리 왼쪽 색 속성을 설정합니다. 비교(Compare) border-color 속성은 테두리 색 속성을 일괄적으로 설정합니다. border-top-color 속성은 테두리 위쪽 색 속성을 설정합니다. border-right-color 속성은 테두리 오른쪽 색 속성을 설.. 2022. 12. 30. border-right-color 속성은 테두리 오른쪽 색 속성을 설정합니다. Reference/CSS border-right-color 속성은 테두리 오른쪽 색 속성을 설정합니다. by @webs 2022. 12. 29. border-right-color border-right-color 속성은 테두리 오른쪽 색 속성을 설정합니다. 특징 설명 기본값 border-right-color : currentcolor 적용 border 버전 CSS1 사용성 ★★☆☆☆ 정의(Definition) border-right-color 속성은 테두리 오른쪽 색 속성을 설정합니다. 비교(Compare) border-color 속성은 테두리 색 속성을 일괄적으로 설정합니다. border-top-color 속성은 테두리 위쪽 색 속성을 설정합니다. border-right-color 속성은 테두리 오른쪽.. 2022. 12. 30. border-top-color 속성은 테두리 위쪽 색 속성을 설정합니다. Reference/CSS border-top-color 속성은 테두리 위쪽 색 속성을 설정합니다. by @webs 2022. 12. 29. border-top-color border-top-color 속성은 테두리 위쪽 색 속성을 설정합니다. 특징 설명 기본값 border-top-color : currentcolor 적용 border 버전 CSS1 사용성 ★★☆☆☆ 정의(Definition) border-top-color 속성은 테두리 위쪽 색 속성을 설정합니다. 비교(Compare) border-color 속성은 테두리 색 속성을 일괄적으로 설정합니다. border-top-color 속성은 테두리 위쪽 색 속성을 설정합니다. border-right-color 속성은 테두리 오른쪽 색 속성을 설정합니다... 2022. 12. 30. border-color 속성은 테두리 색 속성을 일괄적으로 설정합니다. Reference/CSS border-color 속성은 테두리 색 속성을 일괄적으로 설정합니다. by @webs 2022. 12. 29. border-color border-color 속성은 테두리 색 속성을 일괄적으로 설정합니다. 네 면의 색상을 일괄적으로 설정할 수 있으며, 각각의 색상을 개별적으로도 설정이 가능합니다. 색상을 설정하기 위해서는 border-width와 border-style이 설정되어 있어야 합니다. 특징 설명 기본값 border-color : currentcolor 적용 border 버전 CSS1 사용성 ★★☆☆☆ 정의(Definition) border-color 속성은 테두리 색 속성을 일괄적으로 설정합니다. 비교(Compare) border-color 속성은 테두리 색 속성을 .. 2022. 12. 30. ins 태그는 추가된 텍스트의 범위를 표현할 때 설정합니다. Reference/HTML ins 태그는 추가된 텍스트의 범위를 표현할 때 설정합니다. by @webs 2022. 12. 28. 태그는 추가된 텍스트의 범위를 표현할 때 설정합니다. 특징 설명 요소 인라인 요소(Inline Element) 닫는 태그 적용(~) 버전 HTML4 시각적 표현 밑줄 표시 사용성 ★☆☆☆☆ 정의(Definition) 태그는 추가된 텍스트의 범위를 표현할 때 설정합니다. 태그는 수정이나 업데이트를 표현하기 위해서 사용합니다. 태그는 시각적으로 밑줄이 표시됩니다. 접근성(Accessibility) 태그는 화면 판독기를 통해 판별할 수 없기 때문에 가상요소(::before, ::after)를 이용하여 시작과 끝을 알려주어야 합니다. 일부 화면 판독기 사용자는 이 기능을 불편해 하기 .. 2022. 12. 29. del 태그는 삭제된 텍스트의 범위를 표현할 때 설정합니다. Reference/HTML del 태그는 삭제된 텍스트의 범위를 표현할 때 설정합니다. by @webs 2022. 12. 29. 태그는 삭제된 텍스트의 범위를 표현할 때 설정합니다. 특징 설명 요소 인라인 요소(Inline Element) 닫는 태그 적용(~) 버전 HTML4 시각적 표현 가운데 줄 표시 사용성 ★☆☆☆☆ 정의(Definition) 태그는 삭제된 텍스트의 범위를 표현할 때 설정합니다. 태그는 시각적으로 가운데 줄이 표시됩니다. 접근성(Accessibility) 태그는 화면 판독기를 통해 판별할 수 없기 때문에 가상요소(::before, ::after)를 이용하여 시작과 끝을 알려주어야 합니다. 일부 화면 판독기 사용자는 이 기능을 불편해 하기 때문에 이 내용을 알지 못하면 불편한 경우에만.. 2022. 12. 29. s 태그는 취소선을 표현할 때 설정합니다. Reference/HTML s 태그는 취소선을 표현할 때 설정합니다. by @webs 2022. 12. 29. 태그는 취소선을 표현할 때 설정합니다. 더 이상 텍스트와 관련이 없거나 적절하지 않은 것을 나타낼 때 사용합니다. 문서 편집을 위한 텍스트 수정은 또는 태그를 사용합니다. 특징 설명 요소 인라인 요소(Inline Element) 닫는 태그 적용(~) 버전 HTML4 시각적 표현 가운데 줄 표시 사용성 ★☆☆☆☆ 정의(Definition) 태그는 취소선을 표현할 때 설정합니다. 태그는 텍스트가 정확하지 않고, 관련성이 없는 내용을 표시하는데 사용합니다. 태그는 주로 할인된 가격에 표시합니다. 태그는 시각적으로 가운데 줄이 표시됩니다. 단순하게 취소선을 설정하고 싶다면 text-decoration:.. 2022. 12. 29. b 태그는 중요성을 전달하지 않고, 주의를 끌기 위한 용도로 사용할 때 설정합니다. Reference/HTML b 태그는 중요성을 전달하지 않고, 주의를 끌기 위한 용도로 사용할 때 설정합니다. by @webs 2022. 12. 28. 태그는 중요성을 전달하지 않고, 주의를 끌기 위한 용도로 사용할 때 설정합니다. 태그는 , , 에 해당 되지 않고, 특별한 정보 전달의 의미가 없을 때 고려해서 사용합니다. 중요성을 강조한다면 태그나 태그를 사용합니다. 중요성을 강조하지 않고, 단순 참고형을 표현한다면 태그를 사용합니다. 태그는 텍스트를 굵게 표시합니다. 만약 텍스트를 굵게 표현하고 싶다면, font-weight의 bold를 사용합니다. 특징 설명 요소 인라인 요소(Inline Element) 닫는 태그 적용(~) 버전 HTML4 시각적 표현 볼드체 사용성 ★★☆☆☆ 정의(Definiti.. 2022. 12. 28. em 태그는 텍스트를 강조할 때 설정합니다. Reference/HTML em 태그는 텍스트를 강조할 때 설정합니다. by @webs 2022. 12. 28. 태그는 텍스트를 강조할 때 설정합니다. 텍스트에서 강조하고 싶은 부분에 따라 의미가 달라질 수 있으며, 중요성을 전달 할 때에는 strong 요소를 사용합니다. em 요소는 이탤릭체로 표현이 되며, 이탤릭체로 사용하기 위함은 적절하지 않으며, font-style: italic 사용을 권장합니다. 특징 설명 요소 인라인 요소(Inline Element) 닫는 태그 적용(~) 버전 HTML4 시각적 표현 기울임꼴로 표시 사용성 ★★★★☆ 정의(Definition) 태그는 텍스트를 강조할 때 설정합니다. 태그는 텍스트에서 강조하고 싶은 부분에 따라 의미가 달라질 수 있습니다. 태그는 기울임꼴로 표기.. 2022. 12. 28. i 태그는 주의 텍스트와 다른 의미의 텍스트로 구분할 때 설정합니다. Reference/HTML i 태그는 주의 텍스트와 다른 의미의 텍스트로 구분할 때 설정합니다. by @webs 2022. 12. 28. 태그는 주의 텍스트와 다른 의미의 텍스트로 구분할 때 설정합니다. 태그는 이탤릭체를 표현하기 위한 속성이였으나, 현재는 주의 텍스트와 다른 의미의 텍스트로 구분할 때 사용하는 속성으로 변경되었습니다. 태그는 기술 용어, 외국어, 생각 등을 표현할 때 설정하고, 이탤릭체로 표현됩니다. 이탤릭체로 표현하기 위해서 태그는 적절하지 않으며, CSS의 font-style: italic을 사용합니다. 특징 설명 요소 인라인 요소(Inline Element) 닫는 태그 적용(~) 버전 HTML4 시각적 표현 이탤릭체로 표시 사용성 ★☆☆☆☆ 정의(Definition) 태그는 주의 .. 2022. 12. 28. mark 태그는 중요성과 강조를 고려하지 않는 단순 참고용 표시를 할 때 설정합니다. Reference/HTML mark 태그는 중요성과 강조를 고려하지 않는 단순 참고용 표시를 할 때 설정합니다. by @webs 2022. 12. 28. 태그는 중요성과 강조를 고려하지 않는 단순 참고용 표시를 할 때 설정합니다. 태그는 사용자가 중요하다고 생각하지 않을 수 있는 부분에 주의를 끌기 위해 표시를 사용할 수 있으며, 현재 맥락과 관련이 있거나 하이라이트 부분을 표시할 때 사용할 수 있습니다. 단순하게 노란색 배경을 위해 사용하지 않고, CSS의 background 사용을 권장합니다. 텍스트의 중요성을 강조하기 위해서는 strong 요소를 사용하고, 중요성을 전달하지 않고 주의를 끌기 위함이라면 b 요소를 사용합니다. 특징 설명 요소 인라인 요소(Inline Element) 닫는 태그 적용(.. 2022. 12. 28. strong 태그는 내용에 대한 중요성, 심각성, 긴급성을 표현할 때 설정합니다. Reference/HTML strong 태그는 내용에 대한 중요성, 심각성, 긴급성을 표현할 때 설정합니다. by @webs 2022. 12. 28. 태그는 내용에 대한 중요성, 심각성, 긴급성을 표현할 때 설정합니다. 요소는 텍스트의 경고 또는 알림을 표시하는데 사용하며, 긴급성을 요하는 부분에 사용합니다. 요소는 텍스트를 강조를 하지만, 문장의 의미를 변경하지 않습니다. 요소는 글씨가 굵게 표현됩니다. 만약 글씨를 굵게 표현하기 위함이라면, CSS font-weight를 설정합니다. 특징 설명 요소 인라인 요소(Inline Element) 닫는 태그 적용(~) 버전 HTML4 시각적 표현 볼드체로 표시 사용성 ★★★★★ 정의(Definition) 태그는 내용에 대한 중요성, 심각성, 긴급성을 표현할 .. 2022. 12. 28. concat 메서드는 매개변수로 전달된 배열을 받어, 결합된 새로운 배열을 반환합니다. Reference/Javascript concat 메서드는 매개변수로 전달된 배열을 받어, 결합된 새로운 배열을 반환합니다. by @webs 2022. 11. 7. concat() concat() 메서드는 매개변수로 전달된 배열을 받어, 결합된 새로운 배열을 반환합니다. 특징 설명 유형(type) String.prototype.concat() / Array.prototype.concat() 버전(version) ES1 결과값(return) 문자열(String) or 배열(Array) 사용성 ★★☆☆☆ 문법(Syntax) "문자열".concat(문자열, 문자열,....) "배열".concat(문자열, 문자열,....) const str = "javascript"; str.concat("reference").. 2022. 12. 14. at 메서드는 지정한 숫자를 받아, 배열에서 해당 되는 인덱스의 요소를 반환합니다. Reference/Javascript at 메서드는 지정한 숫자를 받아, 배열에서 해당 되는 인덱스의 요소를 반환합니다. by @webs 2022. 11. 7. at() at() 메서드는 지정한 숫자(index)를 받아, 배열에서 해당 되는 인덱스의 요소를 반환합니다. 양수와 음수 모두 설정 할 수 있으며, 음수 값의 경우 뒤에서부터 인덱스 값을 설정합니다. at() 메서드는 배열 또는 문자열에서 둘다 사용이 가능합니다. 특징 설명 유형(type) String.prototype.at() / Array.prototype.at() 버전(version) ES6 결과값(return) 문자열 요소 or undefined 사용성 ★★☆☆☆ 문법(Syntax) "배열".at(인덱스) const arr = [1, 2,.. 2022. 12. 14. reverse 메서드는 배열 요소의 순서를 반대로 하고, 반대로 된 배열을 반환합니다. Reference/Javascript reverse 메서드는 배열 요소의 순서를 반대로 하고, 반대로 된 배열을 반환합니다. by @webs 2022. 12. 12. reverse() reverse() 메서드는 배열 요소의 순서를 반대로 하고, 반대로 된 배열을 반환합니다. 특징 설명 유형(type) array.prototype.reverse() 버전(version) ES1 결과값(return) 배열(array) 사용성 ★★★☆☆ 문법(Syntax) "배열".reverse() const arr = [100, 200, 300, 400, 500]; const text1 = arr.reverse(); console.log(text1) //[500, 400, 300, 200, 100] 배열(array) : 배열.. 2022. 12. 14. 이전 1 2 3 4 5 6 ··· 8 다음
