# outline

8개의 포스트
post-thumbnail

아웃라인(outline)

HTML요소의 가장 바깥 부분을 둘러싸고 있는 영역.HTML의 요소의 크기는 아웃라인의 크기에 영향을 전혀 받지 않습니다. outline-style: 속성 값;요소를 조금 더 부각되어 보이게 설정할 때 사용 합니다. 주로 레이아웃을 완성한 이후에 문제점을 보기 위해서

2022년 7월 11일
·
0개의 댓글
·
post-thumbnail

[패스트캠퍼스 FE MGS 3기] - 5일차

오늘 배운 내용 HTMl의 기본구조 인터넷의 연결 방식 간단한 코드 실습 기타 기억에 남는 말들 추가로 공부할 것들 HTML의 규칙들 HTML → 구조적인 객체를 정적으로 찍어냄 JS → 데이터에 대해 반복, 비교, 평가, 저장하는 일들이 가능 함수 (functi

2022년 4월 19일
·
0개의 댓글
·
post-thumbnail

[CSS] Outline 과 Border

border는 다들 익숙할 것이다. outline을 많이 사용해보지 않아서 정리가 필요하다고 생각했다.아래 그림을 보면 쉽게 이해할 수 있다.Outline은 Border 바깥에 적용이 되는 것이며, border값은 값이 커지면 주변 레이아웃에 영향을 주게 된다. 하지만

2022년 4월 18일
·
0개의 댓글
·
post-thumbnail

➖ Border and Outline

input태그를 styling하다 border속성과 outline속성의 차이가 무엇일까 궁금하여 작성한다.border은 요소의 안쪽선을 정의하도록 하는 속성이다.border은 element 안쪽에서 만들어진다.border은 공간을 차지한다.borderborder:non

2022년 4월 2일
·
0개의 댓글
·

[웹 접근성] tabindex적용해서 div에 outline 표시하기

웹 접근성 개선을 위해 focus되어있는 요소에 outline을 넣는 작업을 하고있었다.대부분 클릭 가능한 요소들은 button으로 만들게되는데, 재사용 컴포넌트로 만든 chip 컴포넌트가 예외였다.chip컴포넌트는 onClick 프롭을 옵셔널로 전달받는데, 전달받을

2022년 3월 21일
·
0개의 댓글
·
post-thumbnail

[CSS] border vs outline 차이알고 이슈해결하기

아래는 프로젝트 진행중에 발생했던 이슈.border-bottom을 보였다 안보였다할 때, 뭔가 아주 살짝씩 placeholder에 있는 글이 움직이는 걸 볼 수 있다.현재 구현방법은 focus가 되었을 때, 테두리의 굵기, 스타일, 컬러를 한번에 지정하는 방식이다.bo

2022년 3월 19일
·
0개의 댓글
·
post-thumbnail

Pre 20일차

[2021/02/06 토요일] 주말 개인 공부

2021년 2월 6일
·
0개의 댓글
·