브라우저별 border 랜더링 방식 차이점

카테고리 FE Development | 작성일

안녕하세요.
웹표준화팀 한혜진입니다.

각 브라우저별 border 랜더링 방식 차이점 공유합니다.

상,하,좌,우 border의 우선순위가 브라우저별로 다릅니다.
FF와 크롬은 보더가 겹치는 부분을 중간색으로 표현하는 점이 흥미롭습니다.
크롬과 사파리는 엔진이 같다고 하더니 어찌된 일인지,  border를 랜더링 하는 방식은 다르네요.


 border_butygal.gif


디자이너분께서는 아래와 같은 디자인을 원하셨는데, border로 처리할 수 밖에 없는 이슈가 있었고,
브라우저마다 랜더링 방식이 다르다고 설명드리면서 위의 내용을 제시했습니다.


line2_butygal.gif


HTML마크업 작업시 디자이너분들과 함께 참고하면 좋을 것 같습니다.

감사합니다.




작성자NTS 접근성팀 NULI
프로필 사진
널리 공유하는 웹 표준 개발 가이드
태그
Trackbacks 8861
엮인글 주소 http://nuli.nhncorp.com/1770/trackback