�uDOCTYPE �X�C�b�`�v CSS ���ߎ����

�uDOCTYPE �錾�ɂ��u���߃��[�h�v�̐؂�ւ��v����̂‚Â��ł��B

����

���̃y�[�W�ł́A�uDOCTYPE �X�C�b�`�v�ɂ���� CSS �̉��߂��ǂ̂�[�ɕς��̂��A����������Ă����ł��B

�d�l�ǂ���̉��߂����Ȃ��Â��u���E�U�������������߂ɁA����ɍ��킹��`�̋L�q���K�Ƃ��̃m�E�n�E�����y�������Ă��銴������܂��B����� HTML �Ɍ��炸���� CSS �ɂ����Ă��B���������̂悤�ȋL�q�́A�u�d�l�ǂ���ɉ��߂���u���E�U�v�ł͐������i�Ӑ}�����Ƃ���ɂ́j�\������Ȃ����Ƃ������̂ł��B

�uDOCTYPE �X�C�b�`�v�@�\��������u���E�U���A�u�d�l�����̌��i���߃��[�h (Standards mode)�v�։��߃��[�h��؂�ւ������A���̂悤�ȁu�d�l�ǂ���ɉ��߂��Ȃ��Â��u���E�U��O��Ƃ��ď����ꂽ���K�I�ȋL�q�v�̕\���������ɂ͂��Ȃ�̕ω�������܂��B���ɂ悭�������邻���������m�������‚��Ꭶ���Ă݂�ł��`�B

���߃��[�h�z��T���v���y�[�W

�uDOCTYPE �錾�ɂ��u���߃��[�h�v�̐؂�ւ��v�ɂĎ������悤�ɁA�uDOCTYPE �X�C�b�`�v���邩�ǂ����� DOCTYPE �錾�̏�����������ɂ��܂��B�uDOCTYPE �X�C�b�`�v����u���E�U 3 ��ޑS�Ăɂ����āA

DOCTYPE �錾 �� HTML 4.01 Strict �i���J���ʎq+�V�X�e�����ʎq�j�̃y�[�W
���d�l�ǂ���Ɍ��������߂��郂�[�h (Standards mode)
DOCTYPE �錾 �� HTML 4.01 Transitional �i���J���ʎq�̂݁j�̃y�[�W
���Â��u���E�U�O��̉ߋ����K�I�ȉ��߂��Č����郂�[�h (Quirks mode)

�ƂȂ�܂��B����ׂ���悤�ɃT���v���y�[�W��p�ӂ����ł��B

�\�̋L���}��

  • ���ꂼ��̃T���v���y�[�W���z�肷����ߕ��@�ɕ\�����K������ꍇ�� ���� �A�K�����Ȃ��ꍇ�� �|�� �A�Ƃ��܂����B
  • �‚܂�o���� �������t���Ă�ꍇ�A�u���E�U�́uDOCTYPE �X�C�b�`�v�ɂ���ĉ��ߕ��@��؂�ւ��Ă���Ƃ������ɂȂ�܂��B
  • �ǂ��炩�݂̂� �������t���Ă�ꍇ�A�u���E�U�͂��̉��ߕ��@�݂̂ɌŒ肳��Ă܂��B�uDOCTYPE �X�C�b�`�v�͂���܂���B

�⑫

MacIE5 �� CSS ���߂́uDOCTYPE �X�C�b�`�v���\�����Ȃ�n�b�L�����Ă�u���E�U�ł��B�u�\����̃X�N���[���V���b�g�v�ɂ� MacIE5 �̕���p���܂����ł��B

�������u���E�U�́uDOCTYPE �錾�ɂ��u���߃��[�h�v�̐؂�ւ��v�y�[�W�Ƃ��Ȃ��ł��B

����F text-align �̌���

text-align �̌��ʂ́A���ꂪ�w�肳�ꂽ�u���b�N���x���v�f�����̂��ׂẴC�����C���������C�����C���摜�ɋy�ԁB�������A�����̃u���b�N���x���v�f�̐����ʒu�͕ω����Ȃ��itext-align ��������j�B

�d�l�ǂ���̉��� (= Standards mode)�F
����Ă��镶����̂��ׂĂ������ʒu��������邪�A�u���b�N���x���v�f���̂��̂̔z�u�͕ω����Ȃ��B
�ߋ����K�I�ȉ��� (= Quirks mode)�F
text-align �̌��ʂ��A�����񂾂��łȂ������u���b�N�v�f���̂̔z�u�ɂ܂ŋy���B
���� HTML �\���� Mozilla MacIE5 WinIE6 WinIE5.5 Opera6 NN4.x iCab
�d�l�ǂ��� �T���v�� �V���b�g �� �� �| �| �� �| ��
�ߋ����K�I �T���v�� �V���b�g �| �� �� �� �| �� �|

����F width, height �̌v�Z���@

�uwidth, height �̎������E�����͈̔͂ɓ���q�v�f�╶�������҂�������߂��Apadding, border �͂��̊O���ɒlj�����`�ŕ\������v�c���ꂪ CSS1/CSS2 �̎d�l�ł��B CSS3 �ł����ꂪ������Ԃ̉��߁B(box-sizing: content-box)

�����̃u���E�U�́A���͂� padding, border �̈敪�����v���Ă��ꂪ width, height �l�Ɠ����ɂȂ�悤�ɕ\�����Ă��܂��Ă܂��B���Ƃ��� WinIE �BCSS2 �܂ł̎d�l�ł́A���̋����͐����������BCSS3 �ł͂��̋����������閾���I�Ȏw�����ł����[�ɂȂ�܂��B(box-sizing: border-box)

�d�l�ǂ���̉��� (= Standards mode)�F
���͂� padding, border �̈敪�� width, height �l�Ɋ܂߂Ȃ����i���͂ɒlj����āj�\������B
�ߋ����K�I�ȉ��� (= Quirks mode)�F
���͂� padding, border �̈敪�����v���Ă��ꂪ width, height �l�Ɠ����ɂȂ�悤���\������B
���� HTML �\���� Mozilla MacIE5 WinIE6 WinIE5.5 Opera6 NN4.x iCab
�d�l�ǂ��� �T���v�� �V���b�g �� �� �� �| �� �| ��
�ߋ����K�I �T���v�� �V���b�g �| �� �� �� �| �� �|

����F�s���Ȑ��l�̉���

���l�w�肷��ꍇ�ɁA�K���P�ʁi px �Ƃ� em �Ƃ��j��t����K�v�̂���v���p�e�B�͑����ł��B border �̑��� (border-width) �����̈�B���̂悤�ȃv���p�e�B�ɒP�ʂ̂Ȃ����l���w�肵���ꍇ�A�s���Ȏw��ł���Ƃ��Ė����i�������j�����̂� CSS �̎d�l�ł��B

�d�l�ǂ���̉��� (= Standards mode)�F
border-width �ɒP�ʂ̂Ȃ����l���w�肳�ꂽ�ꍇ�A�s���Ȓl�Ƃ��Ĉ����A�w�莩�̂𖳎������Bborder �̃X�^�C���ꊇ�w�� (border:) �̏ꍇ�͓��R�A�ꊇ�w��̂��ׂĂ������ƂȂ�B
�ߋ����K�I�ȉ��� (= Quirks mode)�F
border-width �̑����ɒP�ʂ̂Ȃ����l���w�肳�ꂽ�ꍇ�́A�s�N�Z���l�w��ł�����̂Ƃ��Ĉ����B�ꊇ�w��̏ꍇ�����Ȃ��B
���� HTML �\���� Mozilla MacIE5 WinIE6 WinIE5.5 Opera6 NN4.x iCab
�d�l�ǂ��� �T���v�� �V���b�g �� �� �� �| �� �| �|
�ߋ����K�I �T���v�� �V���b�g ���i��1�j �� �� �� �| ���i��2�j ��
��1
border �X�^�C���ꊇ�w�莞�͐錾���܂邲�Ɩ����ɂȂ�B
��2
border �X�^�C���ꊇ�w�莞�ɐ錾���܂邲�Ɩ����ɂȂ�B�܂� NN4.x �͑S�ʓI�� border �n�̎������n�`�����`�������B

����F font-size �̐U�镑��

�����ł́Afont-size �� <absolute-size> �Ŏw�肵�����̋������ώ@���܂��B

<absolute-size> �́A���[�U�G�[�W�F���g�ɂ���Čv�Z�E�ێ�����Ă���t�H���g�T�C�Y�Ώƕ\���Q�Ƃ����Axx-small, x-small, small, medium, large, x-large, xx-large �Ƃ����L�[���[�h�Q����Ȃ��Ă܂��Bfont-size �̏����l�� "medium" �ł��B

�c�Ƃ������Ƃ́A�u font-size: medium �Ƃ����w�肪�Ȃ��ꂽ�ӏ��́A���[�U�[���u���E�U�ɐݒ肵���f�t�H���g�t�H���g�T�C�Y�Ɠ����傫���ŕ\�������A�‚܂肻�̉ӏ��́A���K�V�[ HTML �ɂ� <font size="3"> �Ƃ������Ɠ����\���B�v�c�Ƃ����̂����R�ȋ������Ƃ������܂����A�ǂ��Ȃ�ł��傤�B�Ƃ肠�������̉��߂��uStandards mode �ł���v�Ƃ��܂��B

WinIE �ł� font-size: small ���u���E�U�f�t�H���g�̃t�H���g�T�C�Y�Ɠ����傫���ɂȂ��ł���ˁB�Љ�ʔO��s���R�i�΁j�ȋ����BQuirks �i����ȁj�̌Ăі��ɑ��������������Ƃ������܂����A�ǂ��Ȃ�ł��傤�B�Ƃ肠�������̉��߂��uQuirks mode �ł���v�Ƃ��܂��B

�d�l�ǂ���̉��� (= Standards mode)�F
font-size: medium ���u���E�U�f�t�H���g�̃t�H���g�T�C�Y�Ɠ����傫���B
�ߋ����K�I�ȉ��� (= Quirks mode)�F
font-size: small ���u���E�U�f�t�H���g�̃t�H���g�T�C�Y�Ɠ����傫���B
���� HTML �\���� Mozilla MacIE5 WinIE6 WinIE5.5 Opera6 NN4.x iCab
�d�l�ǂ��� �T���v�� �V���b�g �� �� �� �| �| �� ��
�ߋ����K�I �T���v�� �V���b�g �| �� �� �� �� �| �|

�܂Ƃ�

Mozilla (0.9.4) �� CSS �����ߕ��@�́A�ꕔ�������āu�d�l�ǂ���Ɍ��������߂��郂�[�h (Standards mode)�v��ӓ|�̖͗l�B CSS ���p��A DOCTYPE �X�C�b�`�͖������̂Ƃ��Ă�����ق��������V�C���ƁB����������� 0.9.4 ���݂̃n�i�V�B

MacIE5 �͂��Ȃ薾�m�� CSS �̉��ߕ��@�� DOCTYPE �X�C�b�`����ł��B�‚܂� DOCTYPE �錾�̏������������ŁA�Ӑ}�I�� WinIE5.x �Ȃǂ́u���܂萳�����Ȃ��v���߂��}�l�����邱�Ƃ��ł���Ƃ����킯�����B

WInIE6 �́Atext-align �̌����ȊO�� DOCTYPE �X�C�b�`�ɂ���ĕW�������ȉ��߁i Standards ���[�h�j���”\�ł��B���̂ق��ɓ`�������Ƃ���ɂ��ƁA Standards ���[�h���A���g�� WInIE5.5 �ɂĒlj����� CSS �Ǝ��g���ł�������������A�炵���B���΂炵���n�b�`���P�Ԃ�i�΁j ������͂ǂ����������炵���B

NN4.x �� iCab �� CSS �̎����������������Ȃ�I�J�V�C�̂ŁAStandards �I�� Quirks �I���Ƃ����n�i�V������ȑO�̂悤�ȁc�B


Copyright © 1998-2006 ALIMIKA SATOMI/NYAN-NYAN-HANTEN.Created: 2001/07/16, Last-modified: 2002/12/17