다시한번 보는 border 시리즈(radius,solid,style등..)

HTML,CSS

flykimjiwon 2022. 3. 23. 17:34

1.border-radius

이와같이 둥글게 만드는데 사용했다.

border-radius: 15px;

참고한링크는

border-radius - CSS: Cascading Style Sheets | MDN

CSS border-radius 속성은 요소 테두리 경계의 꼭짓점을 둥글게 만듭니다. 하나의 값을 사용해 원형 꼭짓점을, 두 개의 값을 사용해 타원형 꼭짓점을 적용할 수 있습니다.

developer.mozilla.org

선의종류를 그냥 줄로할거냐 점선으로 할거냐 등등...

border: solid;

이와같이 사용했고, px까지지정해서 사용할 수 있다.

border - CSS: Cascading Style Sheets | MDN

CSS border 단축 속성은 요소의 테두리를 설정합니다. border-width, border-style, border-color의 값을 설정합니다.

developer.mozilla.org

추가로 참고한링크

border-style, border:속성과 비슷하다!

border-style - CSS: Cascading Style Sheets | MDN

border-style CSS 단축 속성은 요소 테두리 네 면의 스타일을 지정합니다.

developer.mozilla.org