반응형 CSS 테두리 설정2 CSS 테두리 면 설정하기 와 티스토리 소제목 라인 만들기 앞 포스팅에서는 CSS border 속성을 가지고 네 면에 테두리 선을 그려보았습니다. 이번에는 네면이 아니 특정 면을 지정해서 해당 면에만 테두리 선을 그려봅니다. 티스토리 본문내용 중 소제목을 강조하기 위해서 많이 사용되는 방식입니다. 먼저 예제를 만들어 볼까요? CSS 스타일과 스타일이 적용될 P 요소(element)를 코딩합니다.border-top, right, bottom, left(위치)-style테두리의 4면을 각각 다른 선으로 구성합니다. 여기서 중요한 포인트는 border-top, right, bottom, left(위치)-style을 선언하여 원하는 위치에 속성값을 설정합니다. Individual Border Sides 2 different border styles. 결과는 하기와 같습.. 앱 만들기/CSS 2023. 7. 14. CSS 테두리 설정 CSS 테두리 설정에 대해서 알아봅니다. CSS 테두리 즉, border라는 영역은 CSS Box model 중 패딩 밖에 위치한 영역입니다. border는 style , width , color 속성을 통해서 테두리 선을 만들 수 있습니다. 이중 style 속성이 정의되지 않으면 width 나 color 속성값들이 있더라도 테두리선은 그려지지 않습니다. border-style border-style 속성은 선의 스타일을 선언합니다. 예제를 통해서 어떤 종류의 테두리 선을 정할 수 있는지 알아볼까요? CSS 선언부를 작성합니다. CSS Border 테두리 선 테스트를 위해서 P요소 문단들을 배치합니다. The border-style Property This property specifies what ki.. 앱 만들기/CSS 2023. 7. 13. 이전 1 다음 반응형