CSS2 ±Ô°Ý ÇÑ±Û ¹ø¿ª¹®
REC-CSS2-19980512
Cascading Style Sheets, level 2
w3c Ãßõ¾È 1998³â 5¿ù 12ÀÏ
- ÀÌ ¹öÀü:
- ¿ø¹® http://www.w3.org/TR/1998/REC-CSS2-19980512
- ÃÖ½ÅÀÇ ¹öÀü:
- ¿ø¹® http://www.w3.org/TR/REC-CSS2
- ÀÌÀüÀÇ ¹öÀü:
- ¿ø¹® http://www.w3.org/TR/1998/PR-CSS2-19980324
- Á¦ÀÛÀÚµé:
- ¿ø¹® Bert Bos <bbos@w3.org>
¿ø¹® Håkon Wium Lie <howcome@w3.org>
¿ø¹® Chris Lilley <chris@w3.org>
¿ø¹® Ian Jacobs <ij@w3.org>
¿ä¾à
ÀÌ ±Ô°ÝÀº Ä«½ºÄÉÀ̵ù ½ºÅ¸ÀÏ ½¬Æ® ·¹º§ 2ÀÎ CSS2¸¦ Á¤ÀÇÇÑ´Ù.
CSS2´Â ÀúÀÚµé°ú »ç¿ëÀÚµéÀÌ ¹®¼µéÀÇ ±¸Á¶(¿¹: HTML°ú XML ¹®¼µé)¿¡ ½ºÅ¸ÀÏ(±Û²Ã, °£°Ý, À½¼º)À» ÷ºÎÇÒ ¼ö ÀÖ°ÔÇÏ´Â ½ºÅ¸ÀÏ ½¬Æ® ¾ð¾îÀÌ´Ù.
¹®¼ÀÇ ³»¿ë°ú ±¸º°ÇÏ¿© ¹®¼µéÀÇ ½ºÅ¸ÀÏÀ» Ç¥ÇöÇÏ´Â CSS2´Â À¥ÀÇ Á¦ÀÛ°ú À¯Áö°ü¸®¸¦ ¿ëÀÌÇÏ°ÔÇÑ´Ù.
CSS2´Â ¹ø¿ª¹® CSS1 À§¿¡ ¸¸µé¾î Á³À¸¸ç, À¯È¿ÇÑ CSS1 ½ºÅ¸ÀϽ¬Æ®´Â ¸î°³ÀÇ ¿¹¿Ü¸¦ Á¦¿ÜÇÏ°í´Â °ÅÀÇ ÀüºÎ CSS2 ½ºÅ¸ÀϽ¬Æ®¿¡¼ À¯È¿ÇÏ´Ù.
CSS2´Â ¸Þµð¾Æ¸¦ Àû¿ëÇÏ´Â ½ºÅ¸ÀϽ¬Æ®¸¦ Áö¿øÇϹǷÎ, Á¦ÀÛÀÚ´Â ±×µéÀÇ ¹®¼µéÀ» º¸´Â ºê¶ó¿ìÀú, À½¼ºÀåÄ¡, ÇÁ¸°ÅÍ, Á¡ÀÚÀåÄ¡, ÇÚµåÀåÄ¡(handheld device) µî¿¡ ¸Â°Ô Ç¥ÇöÀ» ÇÒ ¼ö ÀÖ´Ù.
ÀÌ ±Ô°ÝÀº ¶ÇÇÑ ³»¿ëÀÇ À§Ä¡, ´Ù¿î·ÎµåÇÒ ¼ö ÀÖ´Â ±Û²Ã, Å×À̺íÀÇ ¹è¿, ±¹Á¦È Áö¿ø ±â´É, ÀÚµ¿ Ä«¿îÅÍ, ¹øÈ£ºÙÀ̱â¿Í »ç¿ëÀÚ ÀÎÅÍÆäÀ̽º¿Í °ü°èµÈ ÀϺΠ¼Ó¼ºÀÇ ±â´ÉÀ» Áö¿øÇÑ´Ù.
ÀÌ ¹®¼ÀÇ »óÅÂ
ÀÌ ¹®¼´Â W3CÀÇ ¸â¹ö¿Í °ü·ÃÀÚµéÀÇ °ËÅ並 °Åó ÀÓ¿øȸÀÇ ½ÂÀÎÀ» ¹ÞÀº »óÅÂÀ̹ǷΠÀοëÇÏ°í »ç¿ëÇϴµ¥ ¾ÈÀüÇÏ´Ù.
ÀÌ´Â ¾ÈÁ¤Àû ¹®¼·Î¼ Á¶È¸ÇÏ°í ´Ù¸¥ ¹®¼¿¡¼ ÀοëÇÒ ¼ö ÀÖ´Ù.
W3C´Â ÀÌ Ãßõ¾È ¹ßÀüÀ» ³Î¸® º¸±ÞÇϵµ·Ï Àå·ÁÇÑ´Ù.
ÇöÀçÀÇ W3C Ãßõ¾È°ú ±â¼ú¹®¼µéÀÇ ¸ñ·ÏµéÀº ¿ø¹® http://www.w3.org/TR¿¡¼ ãÀ» ¼ö ÀÖ´Ù.
°ø°³µÈ CSS ±â´É¿¡ °üÇÑ Åä·ÐÀº ¿ø¹® www-style@w3.org¿¡¼ ÀÌ·ç¾î Áö°í ÀÖ´Ù.
¾òÀ» ¼ö ÀÖ´Â ¾ç½Äµé
CSS2 ±Ô°ÝÀº ´ÙÀ½ ¾ç½ÄµéÀÌ ÀÖ´Ù:
- HTML:
- ¿ø¹® http://www.w3.org/TR/1998/REC-CSS2-19980512
- ÅؽºÆ® ÈÀÏ:
- ¿ø¹® http://www.w3.org/TR/1998/REC-CSS2-19980512/css2.txt,
- tar·Î ¾ÐÃàµÈ HTML:
- ¿ø¹® http://www.w3.org/TR/1998/REC-CSS2-19980512/css2.tgz,
- zipÀ¸·Î ¾ÐÃàµÈ HTML:
- ¿ø¹® http://www.w3.org/TR/1998/REC-CSS2-19980512/css2.zip,
- ¾ÐÃàµÈ PostScript ÈÀÏ:
- ¿ø¹® http://www.w3.org/TR/1998/REC-CSS2-19980512/css2.ps.gz,
- PDF ÈÀÏ:
- ¿ø¹® http://www.w3.org/TR/1998/REC-CSS2-19980512/css2.pdf.
¸¸ÀÏ ±×µé»çÀÌÀÇ Â÷ÀÕÁ¡ÀÌ ÀÖÀ¸¸é, ¿ø¹® http://www.w3.org/TR/1998/REC-CSS2-19980512°¡ ÃÖÁ¾ÀûÀ¸·Î ¸Â´Â °ÍÀ¸·Î °í·ÁµÈ´Ù.
¾ð¾îµé
ÀÌ ¿µ¾î ±Ô°ÝÀÌ À¯ÀÏÇÏ°Ô ÁöÁ¤µÈ À¯È¿ ¹öÀüÀÌ´Ù.
±×·¯³ª, ´Ù¸¥ ¾ð¾î·ÎÀÇ ¹ø¿ª¹®Àº ¿ø¹® http://www.w3.org/Style/css2-updates/translations.html¿¡¼ ¾Ë ¼ö ÀÖ´Ù.
¿À·ùµé
ÀÌ ±Ô°ÝÀÇ ¾Ë·ÁÁø ¿À·ùµéÀº ¿ø¹® http://www.w3.org/Style/css2-updates/REC-CSS2-19980512-errata.html¿¡ ¸ñ·ÏÈ µÇ¾ú´Ù.
ÀÌ ¹®¼¿¡ ¿À·ù°¡ ¹ß°ßµÇ¸é css2-editors@w3.org·Î ¾Ë·ÁÁֱ⠹ٶõ´Ù.
- 1 CSS2 ±Ô°Ý¿¡ ´ëÇÏ¿©
- 2 CSS2 ±Ô°ÝÀÇ ¼Ò°³
- 3 ºÎÇÕ¼º: ÇÊ¿ä»çÇ×°ú Ãßõ»çÇ×
- 4 CSS2 ¹®¹ý°ú ±âº» µ¥ÀÌÅÍ Å¸ÀÔ
- 5 ¼±ÅÃÀÚ(selector)
- 6 ¼Ó¼º°ª ÁöÁ¤, Ä«½ºÅ×À̵ù(Cascading)°ú Àü´Þ(inheritance)
- 7 ¸Þµð¾Æ(media) ŸÀÔ
- 8 ¹Ú½º(box) ¸ðµ¨
- 8.1 ¹Ú½º ±Ô°Ý
- 8.2 ¸¶Áø(margin), Æеù(padding), Å׵θ®µéÀÇ ¿¹Á¦
- 8.3 ¸¶Áø ¼Ó¼º: 'margin-top', 'margin-right', 'margin-bottom', 'margin-left', 'margin'
- 8.4 Æеù ¼Ó¼º: 'padding-top', 'padding-right', 'padding-bottom', 'padding-left', 'padding'
- 8.5 Å׵θ®(border) ¼Ó¼º
- 8.5.1 Å׵θ® ³Êºñ: 'border-top-width', 'border-right-width', 'border-bottom-width', 'border-left-width', 'border-width'
- 8.5.2 Å׵θ® »ö»ó: 'border-top-color', 'border-right-color', 'border-bottom-color', 'border-left-color', 'border-color'
- 8.5.3 Å׵θ® ½ºÅ¸ÀÏ: 'border-top-style', 'border-right-style', 'border-bottom-style', 'border-left-style', 'border-style'
- 8.5.4 Å׵θ® ¾à½Ä¼Ó¼ºµé: 'border-top', 'border-bottom', 'border-right', 'border-left', 'border'
- 9 º¸ÀÌ´Â ¾ç½ÄÈ ¸ðµ¨
- 10 º¸ÀÌ´Â ¾ç½ÄÈ ¸ðµ¨ ¼¼ºÎ»çÇ×
- 10.1 ¿ë±âºí·°(containing block)ÀÇ Á¤ÀÇ
- 10.2 ³»¿ë ³Êºñ(content width): 'width' ¼Ó¼º
- 10.3 ³Êºñ(width)¿Í ¸¶Áø(margin)ÀÇ °è»ê
- 10.4 ÃÖ¼Ò¿Í ÃÖ´ë ³Êºñ(width): 'min-width', 'max-width'
- 10.5 ³»¿ë ³ôÀÌ(content height): 'height' ¼Ó¼º
- 10.6 ³ôÀÌ¿Í ¸¶ÁøÀÇ °è»ê
- 10.6.1 ÀζóÀÎ(inline), ´ëüµÇÁö ¾ÊÀº ¿¤·¹¸àÆ®
- 10.6.2 ÀζóÀÎ, ´ëüµÈ ¿¤·¹¸àÆ®µé ºí·°·¹º§, ´ëüµÈ ¿¤·¹¸àÆ®µé Á¤»ó È帧¿¡¼, À¯µ¿, ´ëüµÈ ¿¤·¹¸àÆ®
- 10.6.3 Á¤»ó È帧¿¡¼ ºí·°·¹º§, ´ëüµÇÁö ¾ÊÀº ¿¤·¹¸àÆ®µé, À¯µ¿, ´ëüµÇÁö ¾ÊÀº ¿¤·¹¸àÆ®
- 10.6.4 Àý´ëÀûÀ¸·Î À§Ä¡µÈ, ´ëüµÇÁö ¾ÊÀº ¿¤·¹¸àÆ®
- 10.6.5 Àý´ëÀûÀ¸·Î À§Ä¡µÈ, ´ëüµÈ ¿¤·¹¸àÆ®
- 10.7 ÃÖ¼Ò¿Í ÃÖ´ë ³ôÀÌ: 'min-height', 'max-height'
- 10.8 ¶óÀÎ ³ôÀÌ °è»ê: 'line-height', 'vertical-align' ¼Ó¼º
- 11 º¸ÀÌ´Â È¿°ú
- 12 »ý¼ºµÈ ³»¿ë(content), ÀÚµ¿ ¹øÈ£ºÙÀ̱â(numbering), ¸ñ·Ï
- 13 ÆäÀÌÁöÈµÈ ¸Þµð¾Æ(paged media)
- 14 »ö»ó°ú ¹è°æ
- 15 ±Û²Ã(font)
- 15.1 ¼Ò°³
- 15.2 ±Û²Ã ±Ô°Ý
- 15.3 ±Û²ÃÀÇ ¼±ÅÃ
- 15.3.1 ±Û²Ã ¼³¸í°ú @font-face
- 15.3.2 ±Û²Ã ¼±ÅÃÀ» À§ÇÑ ¼³¸íÀÚ: 'font-family', 'font-style', 'font-variant', 'font-weight', 'font-stretch', 'font-size'
- 15.3.3 ±Û²Ã µ¥ÀÌÅÍÀ» À§ÇÑ ¼³¸íÀÚ °ËÁ¤(qualification): 'unicode-range'
- 15.3.4 ¼öÄ¡°ªÀ» À§ÇÑ ¼³¸íÀÚ: 'units-per-em'
- 15.3.5 ÂüÁ¶¸¦ À§ÇÑ ¼³¸íÀÚ(descriptor): 'src'
- 15.3.6 ÀÏÄ¡(matching)¸¦ À§ÇÑ ¼³¸íÀÚ: 'panose-1', 'stemv', 'stemh', 'slope', 'cap-height', 'x-height', 'ascent', 'descent'
- 15.3.7 ÇÕ¼ºÀ» À§ÇÑ ¼³¸íÀÚ: 'widths', 'bbox'¿Í 'definition-src'
- 15.3.8 Á¤·ÄÀ» À§ÇÑ ¼³¸íÀÚ: 'baseline', 'centerline', 'mathline', 'topline'
- 15.3.9 ¿¹Á¦
- 15.4 ±Û²Ã ¼Ó¼º
- 15.5 ±Û²Ã ÀÏÄ¡(matching) ±â´É
- 16 ÅؽºÆ®(text)
- 17 Å×À̺í(table)
- 18 »ç¿ëÀÚ ÀÎÅÍÆäÀ̽º(User interface)
- 19 ¼Ò¸®(aural) ½ºÅ¸ÀϽ¬Æ®
- 19.1 ¼Ò¸®(aural) ½ºÅ¸ÀϽ¬Æ®ÀÇ ¼Ò°³
- 19.2 º¼·ý(volume) ¼Ó¼º: 'volume'
- 19.3 ¸»ÇÏ´Â ¼Ó¼º: 'speak'
- 19.4 Àá°£ ¸ØÃã(pause) ¼Ó¼º: 'pause-before', 'pause-after', 'pause'
- 19.5 Å¥(cue) ¼Ó¼º: 'cue-before', 'cue-after', 'cue'
- 19.6 ¹Í½Ì(mixing) ¼Ó¼º: 'play-during'
- 19.7 Ư¼öÇÑ ¼Ó¼º: 'azimuth', 'elevation'
- 19.8 À½¼º ¼Ó¼º: 'speech-rate', 'voice-family', 'pitch', 'pitch-range', 'stress', 'richness'
- 19.9 Speech ¼Ó¼º: 'speak-punctuation', 'speak-numeral'
- ºÎ·Ï A. HTML 4¸¦ À§ÇÑ ½ºÅ¸ÀϽ¬Æ® °ßº»
- ºÎ·Ï B. CSS1À¸·ÎºÎÅÍÀÇ º¯È
- ºÎ·Ï C. ±Û²Ã¿¡ ´ëÇÑ Àû¿ë°ú ¼º´É ÁÖ¼®
- ºÎ·Ï D. CSS2ÀÇ ¹®¹ý
- ºÎ·Ï E. ÂüÁ¶
- ºÎ·Ï F. ¼Ó¼º »öÀÎ
- ºÎ·Ï G. ¼³¸íÀÚ(descriptor) »öÀÎ
- ºÎ·Ï H.»öÀÎ
¸ÇÀ§ÀÌ ¹®¼()´Â ÀÚÀ¯·ÎÀÌ ¿¬°á »ç¿ëÀÌ °¡´ÉÇÔ.
(¼öÁ¤ÀÏ )