���܂��畷���Ȃ�CSS3���偕�X�}�z�Ή�6�‚̖��_�F�X�}�z�����T�C�g����ŋ����Ȃ����߂̔�`�m�E�n�E�i4�j�i1/2 �y�[�W�j

�X�}�[�g�t�H������Web�T�C�g�\�z�x���c�[�����J���E�̔����邽�߁A�������ׂẴP�[�^�C�E�X�}�[�g�t�H���E�^�u���b�g�����L���Ă����Ƃɋ΂߂�M�҂��A�T�C�g�\�z�̃n�}���ǂ���Ƃ�������m�E�n�E���Љ��A�ځB����́ACSS3�ɂȂ�܂ł̗��j�A��\�I��3�‚�CSS3���W���[���A�������3�‚̒��ӓ_�AOS�^�@��ˑ�����6�I�Ȃǂ�������܂��B

» 2013�N04��02�� 18��00�� ���J
[�n�ӔE�CKSK �t���b�N�X�t�@�[���r�W�l�X���j�b�g �G�o���W�F���X�g]

�@����ɂ��́BKSK�u�t���b�N�X�t�@�[���r�W�l�X���j�b�g�v�̓n�ӂł��B�O��́uJavaScript�̃X�}�z�Ή����ɒm��Ȃ��Ƒ�����16�̃R�g�v�ł́A�X�}�[�g�t�H������Web�T�C�g�ŗ��p�����JavaScript�̖������\�I���C�u�����A������̒��ӓ_�����Љ�܂����B

�@����́AKSK�̐��i�ux-fit�i�N���X�t�B�b�g�j�v�̊J���E�̔���A���@�ł̌��؃T�[�r�X���ƂŒ~�ς����m�E�n�E����ACSS�Ɋւ���n�}���ǂ�����Љ�܂��B

CSS3�ɂȂ�܂ł�CSS��U��Ԃ�

�@����̘A�ڑ�2��́uHTML5�̃X�}�z�Ή��̊�b�m���ƃn�}���ǂ���3�I�v�ł��ȒP�ɐG��܂������A�ȑO��HTML�́A���͂̍\����\���^�O�ƁA�����ڂ�ύX����^�O�����݂��Ă����Ԃɂ���܂����B���̌�A���͂̍\���ƁA���͂̌����ڂ͕ʂɒ�`����ׂ��Ƃ������ꂩ����肳�ꂽ�̂�CSS�ł��B

�@CSS�́A1.0�ł��̊�{�I�ȋ@�\�i�t�H���g�ƃe�L�X�g�A�F�Ɣw�i�A�{�b�N�X���f���j����`����A2.0�A2.1���o�ă��f�B�A�ʂɃX�^�C����ύX����@�\���T�|�[�g����܂����B�Ƃ͂����AWeb�u���E�U�ʂ̎����̓x������A�d�l�ɑ΂�����߂͂��܂��܂ŁA����Internet Explorer�i�ȉ��AIE�j�͑���Web�u���E�U�ƈقȂ���߂����邱�Ƃ������A�uCSS�n�b�N�v�Ƃ������t���a������قǎ����̎g���������K�v�ȏ�Ԃ����������Ă��܂��B

�@Web�u���E�U�Ԃő��݉^�p�ł��Ȃ��@�\�͂����‚����݂������A�ŏI�I�ɁA���݉^�p���ł��Ȃ����̂�CSS 2�̎d�l����폜����ACSS3�ɐ摗�肵�ACSS 2.1�Ƃ���2011�N6���Ɋ�������܂����B

CSS3�̓o��ƁA���̓���

�@CSS3�́A����܂ł̑������S�̋@�\�ɉ����A�\���⓮�����`����悤�ȋ@�\���lj�����Ă��܂��B�܂��A�@�\�P�ʂɁu���W���[���v�Ƃ����T�O����������A���W���[�����ƂɎd�l�̍��肪�i�߂���悤�ɂȂ�܂����B���̂��߁A���W���[�����ƂɁA���āE�������E�����Ȃǂ��܂��܂ȃX�e�[�^�X�ɂ���܂��B����́ACSS 2.1�ȑO�̃u���E�U���������r���[�ɂȂ��Ă��܂������Ƃւ̔��Ȃ��痈�Ă�����̂��ƌ����Ă��܂��B

�@CSS3�́AWeb�u���E�U�̗p�r�iPC�����E�g�ђ[�������j�ɉ����Ď����̕K�v�ȃ��W���[�����u���E�U�x���_�����肵�A���W���[���P�ʂł̎������s���Ă��܂��B����ɂ��A���W���[���P�ʂł̒��r���[�Ȏ����͔�������Ƃ����Ă��܂��B

�@�����ACSS3�e���W���[���ւ̑Ή���Web�u���E�U�ɂ���Ă܂��܂��̏󋵂ł��̂ŁAWeb�T�C�g����ґ��ł́A�ǂ�Web�u���E�U���ǂ̃��W���[���ɑΉ����Ă���̂���c������K�v���o�Ă��Ă��܂��B

��\�I��3�‚�CSS3���W���[��

�@CSS3�Œlj����ꂽ�����‚��̑�\�I�ȃ��W���[�����Љ�܂��B

�y1�zCSS Multi-column layout

�@�}���`�J�������C�A�E�g�́A�y�[�W�̓���̗v�f��i�g�ݕ\��������̂ł��B�i�g�ݕ\���́A�V����G���ȂǂŌ����镶�͂̕\�����@�ŁA��蕝�ŕ\�����邱�ƂŁA�����̈ړ����������������A���͂�ǂ݂₷�����邱�Ƃ��ł��܂��BCSS 2.1�ȑO�ł��A�����̃v���p�e�B��g�ݍ��킹�邱�Ƃœ����悤�ȕ\���͂ł��܂������ACSS3�Ő�p�̃v���p�e�B���ł��܂����B

�@�X�}�[�g�t�H���pWeb�T�C�g�ł���΁A��ʕ��͂���قǑ傫������܂���B�]���āA�����̈ړ����������ƂȂ邱�Ƃ́A�قڂȂ��ƍl�����邽�߁A�X�}�[�g�t�H���pWeb�T�C�g�ł͂��܂�g���Ă��Ȃ��悤�ł��B

3�i�ɒi�g�݂������́B�X�}�[�g�t�H���ł́A�������ēǂ݂Â炭�Ȃ邽�߁A�قڎg���邱�Ƃ͂Ȃ�

�y2�zCSS�A�j���[�V�����iAnimation�^Transition�^Transform�j

�@CSS 2.1�܂ł́A�A�j���[�V�����ƌ�����Flash��JavaScript���g���̂����ʂł������ACSS3�ł́ACSS�݂̂ŃA�j���[�V���������邱�Ƃ��”\�ɂȂ�܂����BCSS3�̃A�j���[�V�����́A�v�f�ɑ΂���CSS�v���p�e�B�����Ԃ�ǂ����Ƃɕω������Ă������ƂŎ������܂��B

�@CSS3�A�j���[�V�����́AAnimation�ETransition�ETransform�v���p�e�B���g���Ď������܂��B���ꂼ��̃v���p�e�B�́A�ȉ��̂悤�Ȗ����������Ă��܂��B

  • Animation�F�A�j���[�V������`���̂���
  • Transition�F�w�肵���v���p�e�B�̎��s���Ԃ��w��
  • Transform�F�v�f�ɑ΂���ό`�E�ړ����w��

�@transform�v���p�e�B�ŁA�v�f�ɑ΂���ό`�E�ړ����`���Atransition�ŁAtransform�Ŏw�肵���ό`�E�ړ����ǂ̒��x�̎��Ԃōs�������w��Aanimation�v���p�e�B�ŁA�쐬�����ό`�E�ړ��E���Ԃ��܂Ƃ߂ăA�j���[�V�����Ƃ��Ē�`���A�v�f�ɓK�p���邱�ƂŃA�j���[�V���������s����悤�ɂ��܂��B

�y3�zCSS�Z���N�^�iSelector Level 3�j

�@CSS�ł́A�X�^�C����K�p����v�f��I�����邽�߂̎d�g�݂Ƃ��āACSS�Z���N�^���񋟂���Ă��܂��BCSS3�ɂȂ��āA���_��ɗv�f��I���ł���悤�ɂȂ�܂����B�����l�ɑ΂���O���^�����v��A�v�f�̗L��������`�F�b�N�̏�Ԃɂ��I���Ȃǂ��”\�ɂȂ��Ă��܂��B

�@�Z���N�^�̈ꗗ�ƁA�T�|�[�g���Ă���Web�u���E�U�ɂ‚��ẮA�m�F�ł���悤�ȃT�C�g�i�f�X�N�g�b�v�p�E���o�C���p�j���o�ꂵ�Ă��܂��B

CSS Selectors�i���̃L���v�`���̓��o�C���p�̃T�C�g�j

CSS������3�‚̒��ӓ_

�@�X�}�[�g�t�H������Web�T�C�g���\�z���邤���ŁACSS�������̒��ӓ_���܂Ƃ߂Ă݂܂��B

�y1�z�^�[�Q�b�g��Web�u���E�U�ŗL���ȃv���p�e�B���ǂ������m�F

�@����CSS3�ɂ‚��ẮA�O�q�����ʂ�AWeb�u���E�U�ɂ���ăT�|�[�g�󋵂��قȂ�܂��B

�@���Ƃ��āAtext-shadow�v���p�e�B�����Ă݂܂��Btext-shadow�́AWindows Phone�ł͎�������Ă��܂���B���̂��߁A���L�̂悤�ɁAcolor�v���p�e�B�ƕ��p���ĕ������{����������悤�ȃG�t�F�N�g���|�����ꍇ�AWindows Phone�ł́Acolor�v���p�e�B�݂̂��K�p����A�܂����������������Ȃ��Ȃ�܂��B

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>CSS TEST</title>
<style type="text/css">
.blur-text {
   color: transparent;
   text-shadow: 0 0 2px rgba(0,0,0,0.5);
}
</style>
</head>
<body>
<span class="blur-text">�������ڂ₯�Č����܂��B</span>
</body>
</html>
�L���ȕ\���i���j�ƁAWindows Phone�ł̕\���i�E�j�BWindows Phone�ł́Acolor: transparent;�݂̂������Ă��邽�߁A���������Ȃ��Ȃ��Ă��܂�

�y2�z�L���ȃv���p�e�B�ł���΁A�x���_�v���t�B�b�N�X���K�v���ǂ������m�F

�@CSS�d�l���܂����[�L���O�h���t�g�̒i�K�ɂ���悤�ȏꍇ�A�u���E�U����s���Ď��������v���p�e�B�ɂ́A�u�x���_�v���t�B�b�N�X�v�Ƃ����ړ������t���܂��B

�@�d�l���ł܂��Ă����ɏ]���āA�ړ������g��Ȃ��v���p�e�B���ŗ��p�ł���悤�ɂȂ邽�߁A���[�L���O�h���t�g�i�K�̃v���p�e�B���g�p����Ƃ��́A�eWeb�u���E�U�̃x���_�v���t�B�b�N�X�ƁA�x���_�v���t�B�b�N�X�Ȃ��̃v���p�e�B�̗�����錾���Ă����K�v������܂��B

  -moz-column-count : 3;
  -webkit-column-count : 3;
  -ms-column-count : 3;
  -o-column-count : 3;
  column-count : 3;
�x���_�v���t�B�b�N�X�̗�

�y3�zCSS3��Android�������A���܂�ǂ��t���Ă��Ȃ�

�@CSS3�ł́A��������̋@�\���lj�����Ă��܂����AiOS�ɔ�ׁAAndroid�̎������ǂ��t���Ă��Ȃ���ۂ�����܂��B���ɁAtransform�v���p�e�B��translate�����Android 2.3�ȑO�ł͋@�\���Ȃ����̂������ł��B

�@�@�@�@�@�@ 1|2 ���̃y�[�W��

Copyright © ITmedia, Inc. All Rights Reserved.

'; if( !this.isSubscription ) { this.insertTarget = document.querySelector('#cmsBody .subscription') || document.querySelector('#cmsBody .inner'); } }; BodyAdIMSWithCCE.prototype = Object.create(BodyAdContent.prototype); BodyAdIMSWithCCE.prototype.activate = function () { refreshGam('InArtSpecialLink'); } // global reference window.itm = itm; //entry point BodyAdEventBase.polyfill(); const bodyAdManager = BodyAdManager.getInstance(); bodyAdManager.addEventListener(BodyAdManager.EVENTS.READY, function (ev) { bodyAdManager.loadAdvertise(); }); bodyAdManager.init(); })();
�X�|���T�[����̂��m�点PR

���ڂ̃e�[�}

Microsoft  WindowsőO2025
AI for GWjAO
[R[h^m[R[h Zg by IT - ITGWjArWlX̒SŊ􂷂gD
Cloud Native Central by IT - XP[uȔ\͂gD
�V�X�e���J���m�E�n�E �y�����i�r�zPR
���Ȃ��ɂ������߂̋L��PR

RSS�ɂ‚���

�A�C�e�B���f�B�AID�ɂ‚���

���[���}�K�W���o�^

��IT�̃��[���}�K�W���́A �������A���ׂĖ����ł��B���Ѓ��[���}�K�W�������w�ǂ��������B