See the Pen 속성 받기 all by nilgi (@nilgi) on CodePen. • initial 모든 속성을 문서의 최초값으로 초기화• inherit 부모 요소의 속성 받기• unset 부모 속성이 있으면 받고 없으면 초기화

See the Pen linear-gradient를 이용한 배경에 투명도 주기 by nilgi (@nilgi) on CodePen.블로그 꾸미기 놀이 중이다.맘에 안 들어서 여태 만들걸 모두 지워버렸다. 굿~

See the Pen background-attachment by nilgi (@nilgi) on CodePen.background-attachment: 속성scroll; 배경이 페이지와 함께 스크롤. 기본값.fixed; 스크롤하면 배경만 고정.local; 배경이 요소의 내용과 함께 스크롤.initial; 초기값.inherit; 부모요소 속성 받기.

See the Pen CSS [attribute] by nilgi (@nilgi) on CodePen.  [attribute] : '속성명'이 있는 요소 선택-, _, 공백, 조합어 비허용[attribute="value"] : '속성명'과 '속성값'이 있는 요소 선택-, _, 공백, 조합어 비허용[attribute~="value"] : '속성명'을 가지고, '속성값'을 포함하는 요소 선택공백은 허용하고 -, _, 조합어 비허용[attribute*="value"] : '속성명'을 가지고, '속성값'을 포함하는 모든 요소 선택-, _, 공백, 조합어 허용[attribute^="value"] : '속성명'을 가지고, '속성값'으로 시작하는 요소 선택-, _, 공백, 조합어 허용 [attribute|="val..

See the Pen transform: rotate by nilgi (@nilgi) on CodePen. • transform: rotate(값deg); / 마이너스 값 허용

See the Pen tranform: translate by nilgi (@nilgi) on CodePen. • tranform: tranlate(x,y) / 변환: 위치. 위치는 마이너스 값을 허용한다.

See the Pen accent-color 체크, 라디오 버튼 by nilgi (@nilgi) on CodePen. input[type=checkbox] { accent-color: tomato; /* 색 */ } input[type=radio] { accent-color: rgb(30, 144, 255); /* 색 */ } 이런게 있구나. 이쁘군 (◕ᴗ◕✿)

See the Pen text-overdflow by nilgi (@nilgi) on CodePen. • text-overflow: clip; // overflow: hidden 그냥 잘라서 표시 • text-overflow: ellipsis; // 잘리는 끝 부분 '...'(점점점)으로 표시

See the Pen background-clip by nilgi (@nilgi) on CodePen. • background-clip: border-box; / 기본값. 테두리 가장자리까지 • background-clip: padding-box; / 안쪽여백 가장자리까지 • background-clip: content-box; / 컨텐츠만 칠하기 • background-clip: text; / 글자만 -webkit-background-clip: text; color: transparent;

html요소:focus {값;} 양식의 text입력칸을 클릭했을 때 강조 효과를 낸다. See the Pen :focus by nilgi (@nilgi) on CodePen. [입력칸 마우스 클릭] 신기하구먼. focus~focus~^^