본문 바로가기

Learn

nexacro studio 잘쓰는 방법 - 3 컴포넌트에 적용된 스타일 한번에 보기

Intro.

넥사크로플랫폼은 Theme, CSS, Style을 통해 스타일을 적용한다. 중첩되어 처리되는 구조로 내가 사용하는 컴포넌트에 적용된 스타일 정보를 확인하기 위해서는 각각의 설정정보에 대한 확인이 필요하다. 

컴포넌트에 적용된 스타일 정보를 한번에 확인할 수 있는 기능으로 [Computed Style] 속성창을 제공하며 [Properties]창 하단에 정보를 제공한다.

 

how to Computed Style

기본적으로 [Properties] 창 하단 탭을 이동하여 확인 할 수 있으며 [Computed Style] 탭이 보이지 않는다면 상단 메뉴에서 View>Computed Style 을 선택하여 활성화 시킬 수 있다.

 

Computed Style 확인 방법

[Properties] 창 하단 탭에서 [Computed Style] 선택

 

Computed Style 활성화 방법

상단메뉴>View>Computed Style 선택 또는 단축키 Ctrl + Alt + C

 

Computed Style 유의사항

Computed Style 속성값은 내부적으로 연산 처리를 거쳐 보여주는 값이기 때문에 직접 속성값을 수정할 수 없습니다. 테마, CSS, Style 속성값을 수정하면 해당 값이 반영되어 자동으로 수정된 값이 표시됩니다.

 

참고자료

개발도구 가이드 - 속성 편집(Properties)

 

플레이넥사크로 바로가기

https://www.playnexacro.com/

 

play nexacro

A community of nexacro platform.

www.playnexacro.com