JavaScript® 스타일이란 무엇입니까?

JavaScript® 스타일은 웹 페이지의 모양 또는 스타일에 영향을주는 JavaScript® 코드의 일부입니다. 이러한 스타일은 텍스트, 글꼴, 상자, 분류 및 배경과 색상의 5 가지 섹션으로 나눌 수 있습니다. 각 섹션은 작성자의 요구에 따라 웹 페이지의 다른 부분에 영향을 미치며 자체 태그 세트와 함께 제공됩니다.

텍스트 JavaScript® 스타일은 사이트에서 텍스트가 나타나는 방식에 영향을줍니다. 여기에서 변경할 수있는 요소는 줄 높이, 텍스트 정렬 방식 및 각 단락의 들여 쓰기 크기입니다. 텍스트 JavaScript® 스타일은 글꼴이 나타나는 방식에 영향을주지 않으며 텍스트의 구성 방식에만 영향을줍니다.

글꼴 JavaScript® 스타일은 문자에 영향을 준다는 점에서 텍스트와 유사하지만이 스타일은 문자가 아닌 문자의 모양을 변경합니다. 이 유형의 JavaScript® 스타일로 설정할 수있는 영역은 모든 문자가 대문자인지 소문자인지, 글자가 얼마나 밝거나 어두운 지에 대한 글꼴 스타일 및 글꼴 모음입니다. 글꼴 모음은 텍스트에서 사용할 글꼴을 나타내고 글꼴 스타일은 텍스트가 일반인지, 굵은 체인지, 기울임 꼴인지를 나타냅니다.

상자 또는 HTML (Hypertext Markup Language) 테이블은 상자 JavaScript® 스타일의 영향을받습니다. 다른 섹션도이 스타일로 변경할 수 있지만 주로 테이블에 사용됩니다. 여기에서 영향을받는 영역은 네 방향의 여백입니다. 여백 (예 : 상단에 20 픽셀 여백)을 설정하면 상자를 20 픽셀 아래로 밀고 상단에 20 픽셀의 공간이 비어있게됩니다. 일반적으로 전체 웹 페이지를 구성하는 데 사용됩니다.

분류 JavaScript® 스타일은 번호와 글 머리 기호 모두 목록에 영향을 미칩니다. JavaScript®는 이와 관련하여 listStyle이라는 하나의 속성 만 갖습니다. 이는 목록이 페이지의 다른 요소로 구성되는 방식에 영향을줍니다. 예를 들어 listStyle을 "inside"로 설정하면 목록이 지정된 다른 요소 안에 나타납니다.

배경 및 색상 스타일에는 backgroundColor와 color라는 두 가지 유사하지만 다른 태그가 있습니다. 이 두 태그는 정확히 같은 기능을합니다. 웹 페이지의 색상을 설정하는 데 사용됩니다. BackgroundColor는 웹 페이지의 전체 배경을 색칠하는 데 사용되는 반면, 색상은 개별 요소의 색상을 설정하는 데만 사용됩니다. 녹색 또는 빨간색과 같은 색상 이름을 사용하거나 16 진수 색상을 사용하여 색상을 설정할 수 있습니다.