본문 바로가기

분류 전체보기589

CSS Text alignment(글자 정렬) CSS text alignment and Text Direction(텍스트 정렬 및 텍스트 방향) 이 장에서는 다음 속성에 대해 알아본다: text-align text-align-last direction unicode-bidi vertical-align CSS text-align text-align 속성은 텍스트의 수평 정렬을 설정하는 데 사용된다. text-align 속성에는 left, right, center, justify 값을 설정할 수 있다. 다음 예제에서는 가운데 정렬된 텍스트와 왼쪽 및 오른쪽 정렬된 텍스트를 보여 준다(텍스트 방향이 왼쪽에서 오른쪽으로 정렬된 경우 왼쪽 정렬이 기본값이고 텍스트 방향이 오른쪽에서 왼쪽으로 정렬된 경우 오른쪽 정렬이 기본값입니다): 제목1 (center) 제.. 2023. 7. 29.
CSS 텍스트(text) CSS는 텍스트 형식 지정을 위한 많은 속성을 가지고 있다. 텍스트 색상(text color) color 속성은 텍스트의 색상을 설정하는 데 사용된다. 색상은 다음과 같이 지정됩니다: "빨간색"과 같은 색 이름 "#ff0000"과 같은 HEX 값 "rgb(255,0,0)"와 같은 RGB 값 색상이름, 16진수, rgb 등을 활용하여 텍스트 색상을 설정할 수 있다. 페이지의 기본 텍스트 색상은 본문 선택기에 정의된다. 제목1 이것은 평범한 단락입니다. 이 텍스트는 파란색입니다. 페이지의 기본 텍스트 색상은 본문 선택기에 정의됩니다. 다른 본문. body는 파랑색 h1 요소는 초록색에 텍스트 색상으로 설정하였다. 결과는 아래 그림과 같다. 텍스트 color, background-color 속성 이 예에서는 .. 2023. 7. 28.
CSS outline-offset CSS outline-offset outline-offset 속성은 아웃라인과 요소의 가장자리/테두리 사이에 공간을 추가한다. 요소와 요소 윤곽선 사이의 공간은 투명하다. 다음 예제에서는 테두리 가장자리 바깥쪽의 윤곽선 15px를 지정한다: outline-offset 속성 이 단락의 테두리 바깥쪽 윤곽선은 15px입니다. outline-offset 에 15px를 설정한 결과는 아래 그림과 같다. CSS outline-offset 속성을 간단히 실습하고 개념을 살펴보았다. 꼭 실습하기를 추천합니다. 모두 화이팅입니다.!!! 출처 : 이 글의 출처는 w3schools사이트를 참고하였으며 필자가 추가하여 정리한 글입니다. 2023. 7. 27.
CSS outline 단축 속성 CSS outline - 단축 속성 outline 속성은 다음과 같은 개별 outline 속성을 설정하기 위한 단축 속성입니다: outline-width outline-style (required) outline-color outline 속성은 위 목록에서 하나, 둘 또는 세 개의 값으로 지정된다. 값의 순서는 중요하지 않다. 다음 예제에서는 단축 개요 속성으로 지정된 몇 가지 개요를 보여 줍니다: CSS outline - 1개 값 outline 속성 outline 단축속성-1개의값. - 파선 outline 속성에 dashed 값을 설정하여 아웃라인에 파선을 설정한다. 결과 화면은 아래 그림과 같다. CSS outline - 2개 값 outline 속성 outline 단축속성-2개의값. - 점선, 빨강색.. 2023. 7. 26.

티스토리툴바