css3 user-select (텍스트를 선택 여부 제어) /* Keyword values */ user-select: none; user-select: auto; user-select: text; user-select: contain; user-select: all; /* Global values */ user-select: inherit; user-select: initial; user-select: revert; user-select: revert-layer; user-select: unset; https://developer.mozilla.org/en-US/docs/Web/CSS/user-select 2022. 10. 13. 수직수평정렬 HTML CSS .Wrap { width:150px; height:150px; border: 1px solid orange; display: table; /*수직정렬*/ } .circle { display: table-cell; /*수직정렬*/ vertical-align: middle; /*수직정렬*/ } .circle div { width:70px; height:70px; background: orange; border-radius: 100%; margin: 0 auto; /*수평정렬*/ } See the Pen Untitled by vihiolet (@vihiolet) on CodePen. 최상단부모요소에 display: table을 준다. 중앙정렬 할 요소를 div로 감싸서 그 div에 displa.. 2022. 8. 15. hover하면 스크롤 보이는 css html box1 box2 box3 box4 box5 box6 box7 css .scrollWrap { width: 100px; border: 1px solid; } .scroll { height : 200px; overflow : hidden; /*부모요소보다 작은 높이값 때문에 영역 밖으로 나가는 내용들 hidden*/ } .scroll:hover { overflow: overlay; } /*스크롤바 영역 설정*/ .scroll::-webkit-scrollbar { width: 8px; } /*스크롤바 막대 설정*/ .scroll::-webkit-scrollbar-thumb { background-color: #217af4; border-radius: 5px; } /*스크롤바 뒷 배경 설정*/ .sc.. 2022. 8. 12. 이전 1 다음