HTML 속성

HTML 속성 페이지에서는 특정 보기 인스턴스의 스타일을 대체합니다.

스타일 대체는 다음과 같은 항목으로 구성됩니다.

중요: 다음 이름은 예약된 이름이므로 HTML 소스 코드에서 CSS 클래스 이름으로 사용하지 마십시오.

또한, CSS 클래스 이름은 보기 이름과 충돌하지 않도록 하십시오. 보기 이름이 자동으로 보기 랩퍼 div의 클래스 속성에 범위 지정 목적으로 추가되기 때문에 충돌은 런타임 시 예측 불가능한 스타일로 이어질 수 있습니다.

예를 들어, 텍스트 상자에는 텍스트 영역 위에 해당 레이블이 있습니다. 그렇지만 레이블을 텍스트 영역 왼쪽에 배치하고자 할 수도 있습니다.

기본 레이블 위치	레이블을 이동하기 위해 대체

레이블을 이동하려면 다음 단계를 수행하십시오.

클래스를 텍스트 상자 인스턴스의 HTML 속성에 추가하십시오. 예를 들어, 클래스 추가를 클릭하고 클래스 이름에 myText를 입력하십시오.
CSS 코드에서 클래스에 대한 스타일을 정의하십시오. 예를 들어, 레이블 위치에 대한 스타일을 대체하기 위해 myText 클래스를 정의하십시오.
```
.myText.Output_Text .outputTextLabel,
.Text .textLabel {
display: inline-block;
width: 100px;
}
.myText.Text .content {
display: inline-block;
}
```
임의의 상위 보기에서 CSS 규칙을 .css 파일에 추가하고 포함된 스크립트로 해당 파일을 추가하십시오. 보기가 Coach에서 최상위 레벨 보기인 경우 스타일 규칙을 포함하는 사용자 정의 HTML 항목을 추가하십시오.