Thursday, January 23, 2020

CSS page break

https://css-tricks.com/almanac/properties/p/page-break/


HTML PLACEHOLDER:

<!DOCTYPE html>
<html>
<body>

<form action="/action_page.php">
  <input type="text" name="fname" placeholder="First name"><br>
  <input type="text" name="lname" placeholder="Last name"><br>
  <input type="submit" value="Submit">
</form>

<p><strong>Note:</strong> The placeholder attribute of the input tag is not supported in Internet Explorer 9 and earlier versions.</p>

</body>

</html>


HIDE HTML ELEMENT ON PRINT PAGE:

<!DOCTYPE html> 
<html> 
    <head> 
        <title>Hide element at print</title> 
        <style> 
            body { 
                text-align:center; 
            } 
            h1 { 
                color:green; 
            } 
            @media print { 
               .noprint { 
                  visibility: hidden; 
               } 
            } 
        </style> 
    </head> 
    <body> 
        <h1 class = "noprint">GeeksforGeeks</h1> 
        <p>GeeksforGeeks: It is a computer science 
        portal for geeks</p> 
    </body> 

</html>    


http://news.bbc.co.uk/2/hi/europe/1980770.stm

**





No comments:

Post a Comment

Коментар: