# visibility

15개의 포스트
post-thumbnail

display, visibility

⭐display vs visibility 차이 1.display:none은 숨김 후 공간반납 2.visibility:none은 숨김 후 공간차지 결과

2023년 5월 23일
·
0개의 댓글
·

[CSS] none vs hidden

display: none과 visivility: hidden 공통점 요소가 페이지에서 보이지 않는다. 스크린리더기에서 무시되므로, 메뉴를 접을 때와 같이 사용자에게 숨겨야 하는 경우가 아니라면 접근성 측면에서 적합하지 않다. 차이점 전자는 요소의 공간도 존재하지 않고

2023년 3월 7일
·
0개의 댓글
·

[CSS] 요소들을 감추는 방법들 2-10

auto -> 자동으로 요소의 특성에 따라 모양이 바뀐다.default -> 기본 화살표 모양.none -> 보이지 않는 커서.pointer -> 손 모양, 클릭 유도.zoom-in -> 돋보기 모양, 확대 유도.not allowed -> 금지속성을 0으로 하면 모습만

2023년 1월 26일
·
0개의 댓글
·
post-thumbnail

Front-end 국비지원 #013일

블록요소의 종류dt, dd, ul, li, ol, dl, div, p, h1, h2, h3, h4, h5, h6인라인요소의 종류a, img, span, srong, input, textarea, select\*인라인은 width , height , padding-top

2022년 11월 1일
·
0개의 댓글
·

[CSS] visibility로 부드럽게 나타나기 & display는 외않되?

a에 hover 됐을 때 1초동안 쉽게 드갔다 나오듯이 부드럽게 나온다? 그런 것 없이 바로 빡! 하고 끝이다....렌더링 될 때 HTML CSS를 파싱하여 DOM, CSSOM이 생기고 둘이 결합해서 렌더링 트리가 만들어진다.display: none은 css에서 숨겨진

2022년 10월 20일
·
0개의 댓글
·
post-thumbnail

transition에 display none을 대체하여 사용하는 방법

작업을 하면서 시각적으로 요소가 변화해야 하는 상황이 생기게 되는데 초반에는 기능적인 부분만 중점으로 생각하여 transition이라는 것을 잘 사용하지 않았었다. 하지만 시각적으로도 부드럽게 변화하는 모습을 구현하기 위해 해당 속성을 사용하게 되었고, display를

2022년 5월 22일
·
0개의 댓글
·

Fade In, Fade Out

visibility를 이용한 true,false로 아이콘을 상황에 맞추어 보여주고 지울수 있다.하지만 갑작스럽게 사라지고 나타난다면 유저로 하여금 당황스러움을 줄 수 있다.안드로이드에서는 이에 따른 Fade In, Fade Out 애니메이션을 지원하고있고 2가지 방법이

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

[CSS] 태그를 숨기거나 보이게 하는 3가지 방법

태그가 나타나고 감춰짐에 따라 transition을 적용하고 싶다면 이 속성을 추천태그가 숨겨지면 클릭 이벤트도 적용되지 않는다.태그의 투명도를 조절하는 방법태그가 눈에 보이지 않을 뿐 클릭 이벤트는 적용 됨.. 태그를 화면에서 완전히 감추거나 나타나게 한다.trans

2021년 11월 23일
·
0개의 댓글
·
post-thumbnail

display, visibility, opacity 프로퍼티

1. display display 프로퍼티는 layout 정의에 자주 사용되는 중요한 프로퍼티이다. 1.1 block 항상 새로운 라인에서 시작한다. 화면 크기 전체의 가로폭을 차지한다. (width: 100%) width, height, margin, padding

2021년 10월 20일
·
0개의 댓글
·
post-thumbnail

Visibility, Display

visible : 요소가 보임hidden : 요소가 웹 페이지에 나타나지 않으나 공간(레이아웃)은 계속 유지collapse<table> 행, 열에 적용하면 display=none으로 설정한 것과 동일하게 적용된다.다른 요소에서는 hidden과 동일하다.ex) &l

2021년 10월 12일
·
0개의 댓글
·

[CSS] display, visibility

display와 visibility의 차이를 알아보자.

2021년 7월 27일
·
0개의 댓글
·

0706 - HTML/CSS

h3+p+ul>(li\*3)h3+(ul>(li\*2))+divid=button속성값의 개수에 따라 적용되는 위치모든 HTML태그 요소를 선택전체선택자에 의해 선택된 모든 요소에서 패딩과 마진을 0 으로 초기화background-image 속성배경 이미지 삽입에 사용ur

2021년 7월 6일
·
0개의 댓글
·
post-thumbnail

Display, Visibility, Opacity 프로퍼티

: layout 정의에 자주 사용되는 프로퍼티block: block 특성을 가지는 요소(block 레벨 요소)로 지정inline: inline 특성을 가지는 요소(inline 레벨 요소)로 지정inline block: inline-block 특성을 가지는 요소(inln

2021년 6월 19일
·
0개의 댓글
·
post-thumbnail

display none이 transition이 안먹히는 이유

해결방법 말고 원인 궁금하지 않나요..?🤓

2020년 11월 3일
·
17개의 댓글
·

[Flutter] Visibility()

Flutter를 이용해서 UI를 만들다보면 True / False 값에 따라 위젯이 보여지고 안보여지는 것을 컨트롤 할 수 있다.이때, Visibility() 위젯을 통해서도 구현이 가능하다.imageAppBar()는 PreferredSize() 위젯을 기반으로 만들어

2020년 8월 31일
·
0개의 댓글
·