크기 - VoidCC

105

는 슬래시 여기서 무엇을 의미 하는가 :크기

font: 100%/120%;

출처

2009-03-31 Alex

'font-size'는 슬래시를 허용하지 않습니다. 올바른 속성은'font'입니다. – BoltClock

이것들은 어떻습니까? 배경 : "rgba (0, 0, 0, 0) 반복 스크롤 0 % 0 %/자동 테두리 상자 테두리 상자" – Dagon

164

을 이것은 실제로 두 개의 속성을 설정하고하는 것과 같습니다

:
font-size: 100%; 
line-height: 120%; 
가 official documentation를 인용

이 속성의 구문은 글꼴과 관련된 여러 속성을 설정하기위한 전통적인 인쇄 속기 표기법을 기반으로합니다. 데이비드 M이 코멘트에 말했듯이

, 그것은 라인 높이의 문자 모양의 크기를 나타 내기 위해 " PT y를 에 는 X PT"로 서체 크기를 지정하는 조판 전통을 반영한다.

은 그러나 질문의 예는 실제로 잘못하고 브라우저에 의해 무시 될 것이다 : 당신은 단지 font 속기 표기법이 두 가지 속성을 결합 할 수 있습니다, 당신은 적어도 글꼴 크기와 가족 모두 지정해야합니다. 따라서 단순히 font: 100%/120%;으로 작성하는 것만으로는 충분하지 않습니다. 당신은

font: 100%/120% serif;

출처

2009-03-31 16:01:38

+52

예를 들어 글꼴 설정이있는 오래된 조판 구문을 미러링합니다 "10pt on 12pt"또는 "10pt/12pt". –

저는 이것을 실제로 사용합니다. 내가 작업하는 디자이너는 항상 "14 이상의 22"와 같은 사이징을 참조합니다. 언젠가는 그것을 우연히 넣었고 놀랐습니다. –

quickie :이 형식에서도 font-family를 지정할 필요가 없습니까? 브라우저가이 속성을 무시합니다. 글꼴 : 12px/16px; 하지만 허용하는 항목 : 글꼴 : 12px/16px sans-serif; 이 동작은 [here] (http://www.webcredible.co.uk/user-friendly-resources/css/css-shorthand-properties.shtml) –

콘라드이 하나있어 :하지만이 유효 예컨대을 만들기 위해 일반적인 가족의 이름을 추가 할 수 있습니다,하지만 당신은 당신의 스타일 시트를 단축하는 데 사용할 수있는이 같은 CSS shorthand 특성이 많이 있습니다. 그들 중 일부는 당신이 그들에 대해 알지 못한다면 조금 이상하게 보입니다.

출처

2009-03-31 16:06:35

대부분의 속기는 관련 스타일 속성을 처리합니다 (예 :'border- *'). David는 내 대답에 대한 설명에서 좋은 설명을주었습니다. 비밀 스럽다는 속기에 관해서는 : 확실히 사실이지만, 너무 유용하고 배우기 쉽습니다. –

크기

답변

관련 문제