Unity 스타일시트(USS)는 스타일 규칙을 지원하는 에셋으로 인식되는 텍스트 파일입니다.USS 텍스트 파일의 확장자는 ’.uss’여야 합니다.
USS 파일을 사용하여 게임과 애플리케이션에서 UI 요소의 모양과 스타일을 정의할 수 있습니다.USS는 UI 요소의 모양과 스타일을 나머지 코드에서 분리하는 방법을 제공하므로 애플리케이션의 디자인(look and feel)을 더 쉽게 관리하고 유지할 수 있습니다.
USS를 사용하면 버튼, 레이블, 이미지 및 기타 UI 요소의 스타일을 별도의 USS 파일에 정의한 다음, 게임 또는 애플리케이션 코드에서 해당 스타일을 적용할 수 있습니다.이렇게 하면 코드를 변경하지 않고도 USS 파일을 수정하여 애플리케이션의 모양을 변경할 수 있습니다.
USS는 다음으로 구성됩니다.
다음은 스타일 규칙의 일반적인 구문입니다.
selector {
property1: value;
property2: value;
}
스타일시트를 정의하면 비주얼 트리에 적용할 수 있습니다.선택자는 요소와 일치하여 USS 파일에서 어떤 프로퍼티가 적용되는지 확인합니다.선택자가 요소와 일치하면 스타일 선언이 해당 요소에 적용됩니다.
예를 들어 다음의 규칙은 모든 Button
오브젝트와 매칭됩니다.
Button {
width: 200px;
}
USS는 다음과 같이 다양한 기준에 따라 요소를 매칭시키는 여러 유형의 단순 및 복잡 선택자를 지원합니다.
name
프로퍼티USS는 또한 특정 상태의 요소를 타겟팅하거나 ‘:root’ 요소를 선택하기 위해 선택자와 함께 사용할 수 있는 유사 클래스를 지원합니다.
요소가 둘 이상의 선택자와 일치하는 경우 USS는 [우선권을 갖는] 선택자의 스타일을 적용합니다(UIE-uss-selector-priority).
참고:모든 선택자는 대소문자를 구분합니다.
USS는 CSS의 단순 선택자와 유사하지만 동일하지는 않은 단순 선택자 집합을 지원합니다.다음 표는 USS 단순 선택자에 대한 빠른 레퍼런스를 제공합니다.
선택자 타입 | 구문 | 매치 |
---|---|---|
Type 선택자 | Type {...} |
특정 C# 또는 시각적 요소 타입의 요소입니다. |
Class 선택자 | .class {...} |
USS 클래스가 할당된 요소입니다. |
Name 선택자 | #name {..} |
name 속성이 할당된 요소입니다. |
Universal 선택자 | * {...} |
임의의 요소입니다. |
USS는 CSS 복잡 선택자의 하위 세트를 지원합니다.다음 표는 USS 복잡 선택자에 대한 빠른 레퍼런스를 제공합니다.
선택자 타입 | 구문 | 매치 |
---|---|---|
Descendant 선택자 | selector1 selector2 {...} |
시각적 트리에서 다른 요소의 자손인 요소입니다. |
Child 선택자 | selector1 > selector2 {...} |
시각적 트리에서 다른 요소의 자식인 요소입니다. |
Multiple 선택자 | selector1selector2 {...} |
모든 단순 선택자와 일치하는 요소입니다. |
다음과 같은 방법으로 스타일을 요소에 연결할 수 있습니다.
Did you find this page useful? Please give it a rating:
Thanks for rating this page!
What kind of problem would you like to report?
Thanks for letting us know! This page has been marked for review based on your feedback.
If you have time, you can provide more information to help us fix the problem faster.
Provide more information
You've told us this page needs code samples. If you'd like to help us further, you could provide a code sample, or tell us about what kind of code sample you'd like to see:
You've told us there are code samples on this page which don't work. If you know how to fix it, or have something better we could use instead, please let us know:
You've told us there is information missing from this page. Please tell us more about what's missing:
You've told us there is incorrect information on this page. If you know what we should change to make it correct, please tell us:
You've told us this page has unclear or confusing information. Please tell us more about what you found unclear or confusing, or let us know how we could make it clearer:
You've told us there is a spelling or grammar error on this page. Please tell us what's wrong:
You've told us this page has a problem. Please tell us more about what's wrong:
Thank you for helping to make the Unity documentation better!
Your feedback has been submitted as a ticket for our documentation team to review.
We are not able to reply to every ticket submitted.