CSS3 한줄 처리 방법, inherit 의미

CSS3로 프로그램 처리 없이 한 줄 처리를 하는 방법입니다.

overflow, text-overflow, white-space를 사용하여 처리를 합니다.

.title { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

CSS3 한줄 처리 방법

CSS3 inherit 의미

부모 노드의 속성 width, height 등의 값을 상속 받는 기능입니다.

부모 노드와 동일한 값을 사용한다면 값을 지정할 필요없이 inherit를 사용하면 됩니다.

아래 소스 코드 .container는 height값이 800px가 됩니다.

#contents { width: 100%; height: 800px; }
.container { width: 990px; height: inherit; }

CSS3 inherit 의미