CSS dla drukowania strony WWW [ Print CSS ]
Podany skrypt opisuje jak określić definiowanie stylów dla klas, identyfikatorów oraz tagów, wyszczególnionych tylko podczas operacji drukowanie strony w przeglądarce.
Kod działa w każdej przeglądarce oraz jest standared W3C.
Dwie wersje skryptu pokazują jak nadać kod CSS w sekcjach <head> oraz w sekcjach <body>.
Listing
<!-- sekcja head, selektory zawarte w pliku print.css zostaną nadane tylko podczas drukowania strony -->
<link rel="stylesheet" href="print.css" type="text/css" media="print" />
<!-- sekcja body (styl liniowy) -->
<style type="text/css">
<!--
@media print
{
/* zmiana koloru tła strony dla drukowania */
body {
background-color:white;
background-image:none
}
/* ukrywanie elementu dla drukowania */
.elementKlasy {
display:none
}
}
-->
</style>
<link rel="stylesheet" href="print.css" type="text/css" media="print" />
<!-- sekcja body (styl liniowy) -->
<style type="text/css">
<!--
@media print
{
/* zmiana koloru tła strony dla drukowania */
body {
background-color:white;
background-image:none
}
/* ukrywanie elementu dla drukowania */
.elementKlasy {
display:none
}
}
-->
</style>
Dodano przez: divix
Ranga: Administrator serwisu Punktów: 0
Ranga: Administrator serwisu Punktów: 0
Komentarze użytkowników
:: Losowe artykuły
:: Wymiana linków
Modowe inspiracje |
Android Gry i Aplikacje |
ZaplanujTransport.pl: Przeprowadzki, transport, aukcje |
Logo dla firmy |
Change Tires - Car Weather Forecast Reminder |
Laminas: MVC Framework for PHP |
IT Books Reviews and Programming: JS, JAVA, PHP, ANDROID, CSS |
Katalog roślin |
Programming articles: JAVA, PHP, C++, Python, JavaScript |
Kancelaria Adwokacka Łukasz Huszno