웹 구성 요소를 사용하여 표준 HTML 요소를 어떻게 수정합니까?

Question

나는 그림자 DOM 안에 캡슐화 된 사용자 정의 속성과 마크 업을 할당 할 수있는 자신 만의 웹 구성 요소를 만드는 방법을 읽었습니다. 하지만 이미 등록 된 표준 HTML 요소를 수정하려면 어떻게해야합니까?

표준 HTML 요소에 flex 및 layout과 같은 속성을 추가 할 수 있기 때문에 Polymer이 작업을 수행 한 것으로 나타났습니다.

<div horizontal layout> 
    <div>Alpha</div> 
    <div flex>Beta (flex)</div> 
    <div>Gamma</div> 
</div> 

나는 봤지만 어떻게하는지 설명 할 수는 없다.

Answer 1

폴리머의 레이아웃 속성의 경우, 이들은 순수한 CSS 후크입니다 : https://github.com/Polymer/polymer/blob/master/layout.html. 나는 또한 당신이 기능성/장식을 요구하고 있다고 생각합니다. 사용자 지정 요소에는이 개념이 없지만 정의한 사용자 지정 특성을 벗어나는 요소를 만들 수 있습니다. 심지어 표준 HTML 요소를 감동 havent 한

<core-header-panel> 
    ... 
    <div main>Main content</div> 
</core-header-panel>