다음은 각 CSS 속성에 대한 자세한 설명입니다.
재산 color
이 color 속성은 요소의 텍스트 색상 형식을 지정하는 데 사용됩니다.
값은 색상 이름(예: red, blue, green), 16진수 코드(예: 의 경우 "#FF0000" red) 또는 값을 rgb() 지정하는 함수일 수 있습니다 Red, Green, Blue.
예: color: red;
재산 font-size
이 font-size 속성은 요소 내 텍스트 크기의 형식을 지정하는 데 사용됩니다.
값은 픽셀(예: "12px"), em 단위(예: "1.2em"), 백분율(%) 또는 기타 상대 값일 수 있습니다.
예: font-size: 16px;
재산 background-color
이 background-color 속성은 요소의 배경색을 포맷하는 데 사용됩니다.
값은 색상 이름, 16진수 코드 또는 색상을 지정하는 "rgb()" 함수일 수도 있습니다.
예: background-color: #F0F0F0;
재산 font-family
"font-family" 속성은 요소 내의 텍스트에 사용되는 글꼴을 정의합니다.
값은 글꼴 이름(예: Arial, Helvetica) 또는 글꼴 이름의 우선 순위 목록일 수 있습니다.
예: font-family: Arial, sans-serif;
재산 text-align
"text-align" 속성은 요소 내부의 텍스트를 정렬하는 데 사용됩니다.
값은 left, right, center 또는 justify(양쪽 끝에 텍스트를 정렬하기 위해)일 수 있습니다.
예: text-align: center;
재산 width
"width" 속성은 요소의 너비를 지정합니다.
값은 픽셀, 백분율(%) 또는 auto 자동 너비일 수 있습니다.
예: width: 300px;
재산 height
속성 height 은 요소의 높이를 지정합니다.
값은 pixel, 백분율(%) 또는 auto 자동 높이일 수 있습니다.
예: height: 200px;
재산 border
이 border 속성은 요소 주위에 테두리를 만드는 데 사용됩니다.
값에는 테두리 두께(예: "1px"), border style(예: solid, dotted) 및 color(예: red)가 포함될 수 있습니다.
예: border: 1px solid black;
재산 margin
속성 margin 은 요소와 주변 요소 사이의 간격을 정의합니다.
값은 픽셀 값(예: "10px"), 각 방향에 대한 픽셀 값(예: "5px 10px") 또는 auto 자동 간격에 대한 픽셀 값일 수 있습니다.
예: margin: 10px;
재산 padding
속성 padding 은 콘텐츠와 요소의 테두리 사이의 간격을 정의합니다.
값은 pixel 각 방향에 대한 값 또는 픽셀 값이 될 수 있습니다.
예: padding: 20px;
이들은 CSS 속성과 해당 값의 몇 가지 예일 뿐입니다. CSS는 웹 페이지에서 요소의 스타일을 지정하고 사용자 정의하기 위한 다른 많은 속성을 제공합니다. 더 많은 속성을 탐색하고 사용자 정의하여 웹 사이트에 대한 다양한 디자인과 효과를 얻을 수 있습니다.