@media Rule
페이지 정보
작성자 서방님 댓글 0건 조회 120회 작성일 06-09-14 10:59본문
<style type="text/css">
@media screen
{
// For computer screens, the font size is 15pt. the font color is green.
td {font-size:15pt; color:green;}
}
@media print
{
// When printed, the font size is 8pt. the font color is blue.
td {font-size:8pt; color:blue;}
}
</style>
[문법]
@media sMediaType { sRules }
sMediaType
* screen : Output is intended for computer screens.
* print : Output is intended for printed material
and for documents viewed in Print Preview mode.
* all : Output is intended for all devices.
--------------------------------------------------------------------------------------------------
You can use css/dynamic html for this.
Example:
<html>
<head>
<style type="text/css">
@media print {
div.noprint {display: none;}
}
</style>
</head>
<body>
this is printed<br>
<div class="noprint">This is NOT printed</div>
</body>
</html>
I don't know about the support for this in all browsers, but it works well for ie.
댓글목록
등록된 댓글이 없습니다.
