【PHP,JavaScript,CSS】CSS変更

　PHPやJavaScriptからCSSを変更する

PHPでCSS変更

　PHPでCSSを変更するにはecho等で上書きをすれば良いだけです。例えばbodyのfont-sizeを変更したい場合、

<?php
echo '<style type="text/css">';
echo 'body{';
echo 'font-size: 14px';
echo '}';
echo '</style>';
?>

　もちろん、可変でない部分はHTML上での表示でも問題ありません。

<style type="text/css">
body{
<?php
echo 'font-size: 14px';
?>
}
</style>

JavaScriptでCSS変更

　documentインターフェイス内のプロパティを変更します。例えばbodyタグのCSSを変更したい場合、document.body.style.項目名 の値を読み書きします。

　項目名は、例えば「font-size」の場合「fontSize」のような形になります。小文字から始まり、２単語目の先頭文字は大文字になるルールのようです。

document.body.style.fontSize = "14px";

　これでフォントサイズが14pxになります。

戻る back