CSS visibility opacity

으누·2024년 9월 12일
0
post-thumbnail

업로드중..

 visibility 속성
- 요소를 보이게 할 것인지, 보이지 않게 할 것인지를 결정합니다
- visible : 해당 요소를 보이게 합니다
  hidden  : 해당 요소를 보이지 않게 합니다
  collapse : table 요소에 사용하면 행이나 열을 보이지 않게 합니다
# opacity 속성
- 투명도를 지정합니다
  > 0 ~ 1 ( 0.0 : 투명 , 1.0 : 불투명 )
  
      .visible { visibility: visible; }
.hidden { visibility: hidden; }
.none { visibility: none; }

table, tr, td {
	border: 1px solid black;
	width: 200px;
	height: 100px;
	text-align: center;
}
.collapse {
	visibility: collapse;
}

div, img {
	border: 1px solid gray;
	width: 100px;
	height: 100px;
	background-color: skyblue;
	color: white;
	opacity: 0.3;
profile
코딩 일기장

0개의 댓글