째의 개발 기록방

ARIA는 HTML요소에 접근 가능한 설명용 텍스트를 넣을 수 있다. 그 방법이 바로 ARIA의 속성 중 label과 관련된 속성을 사용하는 것이다. 간단하게 설명을 먼저 하자면 aria-label은 화면에 현재 요소를 설명할 텍스트가 없을 경우에 사용하는 설명용 텍스트를 담고있고 aria-labelledby는 화면에 현재 요소를 설명할 텍스트가 있을 경우에 해당 텍스트 영역과 현재 요소를 연결할 때 사용한다. 1. aria-label 1-1. aria-label은 모든 html 태그에서 사용할 수 있다. 1-2. 이미지를 사용해 시각적 표현을 할 경우 대체 텍스트 역할을 한다. 일반적인 텍스트를 사용해서 영역을 표현하는 경우가 아닌 이미지를 통해 영역을 표현하는 경우 해당 영역이 어떤 영역인지 설명할 ..

text-align 속성 inline 이나 inline-block 요소에서만 수직정렬을 위해 사용가능 word-break 속성 내가 보려고 만든 javascript 복습 중 입니다. 내가 보려고 만든 javascript 복습 중 입니다. 내가 보려고 만든 javascript 복습 중 입니다. .wrap p span{ display: inline-block; width: 50%; word-break: break-all; /*글자 기준으로 줄바꿈합니다.*/ word-break: break-word; /*요소의 경계에서 break point가 아니어도 줄바꿈을 합니다.*/ word-break: keep-all; /*단어 기준으로 줄바꿈합니다.*/ word-break: initial; /*기본값으로 설정합니다...