CSS문서5 CSS outline 단축 속성 CSS outline - 단축 속성 outline 속성은 다음과 같은 개별 outline 속성을 설정하기 위한 단축 속성입니다: outline-width outline-style (required) outline-color outline 속성은 위 목록에서 하나, 둘 또는 세 개의 값으로 지정된다. 값의 순서는 중요하지 않다. 다음 예제에서는 단축 개요 속성으로 지정된 몇 가지 개요를 보여 줍니다: CSS outline - 1개 값 outline 속성 outline 단축속성-1개의값. - 파선 outline 속성에 dashed 값을 설정하여 아웃라인에 파선을 설정한다. 결과 화면은 아래 그림과 같다. CSS outline - 2개 값 outline 속성 outline 단축속성-2개의값. - 점선, 빨강색.. 2023. 7. 26. CSS 패딩(CSS padding) 패딩은 정의된 테두리 안에서 요소의 내용 주위에 공간을 만드는 데 사용된다. CSS padding 속성 CSS padding 속성은 정의된 경계 내에서 요소의 내용 주위에 공간을 생성하는 데 사용된다. CSS를 사용하면 패딩을 완전히 제어할 수 있다. 요소의 각 측면(위, 오른쪽, 아래 및 왼쪽)에 패딩을 설정하는 속성이 있다. CSS padding 개별 측면 CSS는 요소의 각 변에 대한 패딩을 지정하는 속성을 가지고 있다: padding-top padding-right padding-bottom padding-left 모든 패딩 속성의 값은 다음과 같다: length - 패딩을 px, pt, cm 등으로 지정합니다. % - 포함 요소 너비의 % 단위로 패딩을 지정합니다 inherit - 패딩이 상위 .. 2023. 7. 20. CSS 단축 테두리 속성 CSS border 속성 - 단축 속성 이전 페이지에서 보셨듯이 테두리를 다룰 때 고려해야 할 많은 속성이 있다. 코드를 단축하기 위해 하나의 속성에 모든 개별 테두리 속성을 지정할 수도 있다. 테두리 속성은 다음과 같은 개별 테두리 속성의 단축형 속성이다: border-width border-style(required) border-color 테두리 속성 이 속성은 테두리 너비, 테두리 스타일 및 테두리 색상에 대한 단축 속성입니다. border 단축 속성에 5px, solid, red 를 한번에 스타일을 적용할 수 있다. 테두리 너비, 테두리 스타일, 테두리 색상을 순서대로 설정한다. 아래 그림은 실행 결과 화면이다. 또한 한 면에 대해 모든 개별 테두리 속성을 지정할 수 있다: border-left.. 2023. 7. 16. CSS 주석(CSS Comments) CSS 주석은 브라우저에 표시되지 않지만 소스 코드를 문서화하는 데 도움이 될 수 있다. CSS 주석 주석은 코드를 설명하는 데 사용되며 나중에 소스 코드를 편집할 때 도움이 될 수 있다. 주석은 브라우저에서 무시된다. CSS 주석은 요소 안에 배치되며 /*로 시작하여 */로 끝난다: /* This is a single-line comment */ p { color: red; } 코드의 원하는 위치에 주석을 추가할 수 있다: p { color: red; /* Set text color to red */ } 주석은 여러 줄에 걸쳐 있을 수도 있다: /* This is a multi-line comment */ p { color: red; } HTML과 CSS 주석 HTML 튜토리얼에서 구문을 사용하여 HT.. 2023. 7. 1. 이전 1 2 다음
