세상과 연결

텍스트 변환 Text Transformation 이 text-transform속성은 텍스트에서 대문자와 소문자를 지정하는 데 사용됩니다. 모든 것을 대문자 또는 소문자로 바꾸거나 각 단어의 첫 글자를 대문자로 사용할 수 있습니다. Examplep.uppercase { text-transform: uppercase;} p.lowercase { text-transform: lowercase;} p.capitalize { text-transform: capitalize;} This is some text.This is some text.This is some text.

텍스트 방향 Text Direction 이 direction속성은 요소의 텍스트 방향을 변경하는 데 사용됩니다. Example div { direction: rtl; } This is default text direction. This is right-to-left text direction.

라인 높이 Line Height 이 line-height속성은 줄 사이의 간격을 지정하는 데 사용됩니다. 예p.small { line-height: 0.8;} p.big { line-height: 1.8;} This is a paragraph with a standard line-height. The default line height in most browsers is about 110% to 120%. This is a paragraph with a smaller line-height. This is a paragraph with a smaller line-height. This is a paragraph with a bigger line-height. This is a paragraph with a..

글자 간격 Letter Spacing 이 letter-spacing속성은 텍스트의 문자 사이 간격을 지정하는 데 사용됩니다. 다음 예제에서는 문자 사이의 간격을 늘리거나 줄이는 방법을 보여줍니다. Example h1 { letter-spacing: 3px; } h2 { letter-spacing: -3px; } This is heading 1 This is heading 2

Text Alignment text-align 속성은 텍스트의 가로 맞춤을 설정하는 데 사용됩니다. 텍스트는 왼쪽 정렬이나 오른쪽 정렬, 중앙 정렬 또는 양쪽 맞춤이 가능합니다. 다음 예제에서는 가운데 정렬 및 좌우 정렬 텍스트를 보여줍니다 (텍스트 방향이 왼쪽에서 오른쪽 인 경우 왼쪽 맞춤이 기본값이고 텍스트 방향이 오른쪽에서 왼쪽 인 경우 오른쪽 정렬이 기본값 임). Exampleh1 { text-align: center;} h2 { text-align: left;} h3 { text-align: right;} text-align 속성이 "justify"로 설정되면 모든 행의 폭이 동일하고 잡지의 왼쪽 및 오른쪽 여백이 직선이되도록 각 행이 늘어납니다. Examplediv { text-align: j..

Text Color color 속성은 텍스트의 색을 설정하는 데 사용됩니다. CSS를 사용하면 색상은 다음과 같이 지정됩니다. a color name - like "red"a HEX value - like "#ff0000"an RGB value - like "rgb(255,0,0)" 가능한 색상 값의 전체 목록은 CSS 색상 값을 참조하십시오. 페이지의 기본 텍스트 색은 본문 선택기에 정의되어 있습니다. Examplebody { color: blue;} h1 { color: green;} This is heading 1This is an ordinary paragraph. Notice that this text is blue. The default text color for a page is define..

Outline - Shorthand property 코드 단축을 위해 하나의 속성에 모든 개별 개요 속성을 지정할 수도 있습니다. outline 속성은 다음과 같은 개별 outline 속성의 속기 속성입니다. - outline-width- outline-style (required)- outline-color Examplep { border: 1px solid black; outline: 5px dotted red;} The outline Property Note: IE8 supports the outline properties only if a !DOCTYPE is specified.

Outline Width outline-width 속성은 개요의 너비를 지정합니다. 너비는 특정 크기 (px, pt, cm, em 등)로 설정하거나 사전 정의 된 세 가지 값 중 하나 인 얇은, 중간 또는 두 가지 중 하나를 사용하여 설정할 수 있습니다. Examplep {border: 1px solid black;} p.one { outline-style: double; outline-color: red; outline-width: thick;} p.two { outline-style: double; outline-color: green; outline-width: 3px;} The outline-width Property This is some text.This is some text.Note: IE..

Outline Color outline-color 속성은 윤곽선의 색상을 설정하는 데 사용됩니다. 색상은 다음과 같이 설정할 수 있습니다. name - "red"와 같은 색상 이름을 지정합니다.RGB - RGB 값을 지정합니다 (예 : "rgb (255,0,0)").16 진수 - "# ff0000"과 같이 16 진수 값을 지정하십시오.invert - 색상 반전을 수행합니다 (색상 배경에 관계없이 외곽선을 볼 수 있음). Examplep { border: 1px solid black; outline-style: double; outline-color: red;}

CSS Outline CSS 개요 속성은 외곽선의 스타일, 색상 및 너비를 지정합니다. 윤곽선은 요소를 "눈에 띄게"만들기 위해 테두리 주위에 그려진 선입니다. 그러나 외곽선 특성은 테두리 특성과 다릅니다. 외곽선은 요소 치수의 일부가 아닙니다. 요소의 전체 너비와 높이는 외곽선의 너비에 영향을받지 않습니다. Outline Style outline-style 속성은 개요의 스타일을 지정합니다. outline-style 속성은 다음 값 중 하나를 가질 수 있습니다. dotted - 점선으로 된 윤곽선을 정의합니다.dashed - 파선 테두리를 정의합니다.solid - 솔리드 윤곽을 정의합니다.double - 이중 윤곽선을 정의합니다.groove - 3D 그루브 외곽선을 정의합니다. 효과는 윤곽선 색상 값에..