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.»öÀÎ
¢¬ÇÀ¡×ÀÌ 
©ö¢ç¨ù¡©()¢¥Â ÀÚÀ¯¡¤ÎÀÌ ¢¯¬¡Æá »ç¢¯ëÀÌ ¡Æ¢®¢¥ÉÇÔ.
(¨ùöÁ¢´ÀÏ )
