<!DOCTYPE html> <html lang="ja-JP"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,user-scalable=yes,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.5"> <title></title> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> <script> $(function(){ $("input").click(function(){ $("span").css("display","list-item"); $("span").css("margin-left","30px"); $("li,span").css({ listStyleType:"square", fontSize:"14px", lineHeight:"20px", color:"#FF0000", marginTop:"5px", marginBottom:"5px" }); }); }); </script> <style> li{ font-size:16px; line-height:20px; } div{ width:600px; margin-left:20px; font-size:16px; line-height:20px; } </style> </head> <body> <input type="button" value="click"> <ul> <li>ul要素 ul要素 ul要素 ul要素 </li> <li>ul要素 ul要素 ul要素 ul要素 </li> <li>ul要素 ul要素 ul要素 ul要素 </li> <li>ul要素 ul要素 ul要素 ul要素 </li> </ul> <ol> <li>ol要素 ol要素 ol要素 ol要素 </li> <li>ol要素 ol要素 ol要素 ol要素 </li> <li>ol要素 ol要素 ol要素 ol要素 </li> <li>ol要素 ol要素 ol要素 ol要素 </li> </ol> <div> div要素 div要素 div要素 div要素 div要素 div要素 div要素 div要素 div要素 div要素 div要素 div要素 div要素 div要素 div要素 div要素 div要素 div要素 div要素 div要素 <span>span要素 span要素 span要素 span要素 </span> <span>span要素 span要素 span要素 span要素 </span> <span>span要素 span要素 span要素 span要素 </span> <span>span要素 span要素 span要素 span要素 </span> div要素 div要素 div要素 div要素 div要素 div要素 div要素 div要素 div要素 div要素 div要素 div要素 div要素 div要素 div要素 div要素 div要素 div要素 div要素 div要素 div要素 div要素 div要素 div要素 </div> </body> </html>