2016-07-08 19 views
1

CSS 텍스트 장식 모듈 수준 3에는 text-decoration-skip이 있습니다. 이 마법 같은 않습니다 : The word “parapsychology” underlined with descenders skipped. 이 표현은 text-decoration-skip: ink;을 사용하여 생산 된 것으로 추정됩니다. 웹 타이포그래피의 경우 디벨로더가 더 이상 기본 밑줄을 치지 않으면 멋질 것입니다.CSS3 text-decoration-skip을 사용하는 방법?

CSS-Tricks에 항목이 있으며 최근에는 MDN에 항목이 있습니다. 거기에, 그것은 "표준 궤도에 없다"라고 말한다. 그게 맞습니까? 속성은 W3C Candidate Recommendation에 나열되어 있습니다.

어떻게 text-decoration-skip을 사용할 수 있습니까? 또는 일 때? 그것을 가능케하는 깃발이 있습니까?

+0

아무도 당신이 이것을 사용할 수있을 때 대답 할 수 있다고 생각합니다. –

+0

*에 대한 *, 나는 브라우저 개발자 또는 커뮤니티 제공자를 바랍니다. * how *에 관해서는, 누군가 실험용 브라우저 나 polyfill 또는 어떤 유형의 것이라 할지라도 누군가 그것을 사용하는 방법을 발견했을 수도 있습니다. – dakab

답변

0

누군가가 질문에 대한 의견에서 말했듯이, 언제 그리고 어떻게 구현 될지에 대한 언급이 없습니다.

참고로 명확한 설명을 위해 the origin article of the picture you posted은 실제로 스펙이 어떻게 생겼는지가 아니라 Marcin Wichary가 마음에 두었던 점을 염두에 두었습니다. 따라서 실수를하지 말고 이미지를 CSS3 출력에 대한 참조로 간주하십시오. 마지막으로 구현 될 때 완전히 다르게 보일 수 있습니다.

MDN이 구현해야 할 기능으로 나열되지 않은 이유를 말할 수도 없습니다. 개발 팀이 구현하지 않기로 결정했거나 놓친 것입니다. 그러나 "이 속성은 아직 최신 브라우저에서 구현되지 않았습니다."라고 말하는 것이 맞다고 말할 수 있습니다.


브라우저 지원에 관해서는, folliowing 이미지에 링크의 CSS-트릭 기사에 this comment의 주를 가지고 :

Netscape 3.7.7

그것은뿐만 아니라 흥미로운 것을 확실히 날짜가 브라우저이기 때문에 (물론 CSS3 사양으로 인해이 작업을 수행하지는 않았지만 동일한 기본 아이디어가 있었기 때문에 가능성이 높았습니다.) 또한 결국 구현되었을 때 속성이 어떻게 보이게 될지도 모르기 때문입니다.

+0

귀하의 평가에 감사드립니다. 이미지에서 실제 결과물을 보여준 적이 결코 없으므로 OP에서 "혐의 된"*을 강조해야 할 것입니다. 구현 된 경우에도 브라우저간에 다양성이 렌더링됩니다. 그러나 Netscape 3는 정말 좋은 발견입니다. ** iOS **는 당분간 자동으로이 작업을 수행합니다. – dakab