safecss_filter_attr

（2.8.1以降）
safecss_filter_attr - インラインスタイルをサニタイズする

説明

string safecss_filter_attr( string $css [ , string $deprecated = '' ] )

インラインスタイルをサニタイズする。

パラメータ

$css
style属性値を指定。
$deprecated
使用不可（省略時は''）。

返り値

ルールに適合しない内容を取り除いたstyle属性値を返す。

注意

有効なスタイルのプロパティ名はバージョンによって異なる（適宜追加されてきている）。

プロパティ名	6.6.0	6.5.0	6.4.0	6.3.0	6.2.0	6.1.0	5.8.0	5.7.1	5.3.0	5.2.0	5.1.0
プロパティ名	6.6.0	6.5.0	6.4.0	6.3.0	6.2.0	6.1.0	5.8.0	5.7.1	5.3.0	5.2.0	5.1.0
background	〇	〇	〇	〇	〇	〇	〇	〇	〇	〇	〇
background-color	〇	〇	〇	〇	〇	〇	〇	〇	〇	〇	〇
background-image	〇	〇	〇	〇	〇	〇	〇	〇	〇	〇	〇
background-position	〇	〇	〇	〇	〇	〇	〇	〇	〇	〇
background-repeat	〇	〇
background-size	〇	〇	〇	〇	〇	〇	〇	〇	〇
background-attachment	〇	〇	〇	〇	〇	〇	〇	〇	〇
background-blend-mode	〇	〇	〇	〇	〇	〇	〇	〇	〇
border	〇	〇	〇	〇	〇	〇	〇	〇	〇	〇	〇
border-radius	〇	〇	〇	〇	〇	〇	〇	〇	〇
border-width	〇	〇	〇	〇	〇	〇	〇	〇	〇	〇	〇
border-color	〇	〇	〇	〇	〇	〇	〇	〇	〇	〇	〇
border-style	〇	〇	〇	〇	〇	〇	〇	〇	〇	〇	〇
border-right	〇	〇	〇	〇	〇	〇	〇	〇	〇	〇	〇
border-right-color	〇	〇	〇	〇	〇	〇	〇	〇	〇	〇	〇
border-right-style	〇	〇	〇	〇	〇	〇	〇	〇	〇	〇	〇
border-right-width	〇	〇	〇	〇	〇	〇	〇	〇	〇	〇	〇
border-bottom	〇	〇	〇	〇	〇	〇	〇	〇	〇	〇	〇
border-bottom-color	〇	〇	〇	〇	〇	〇	〇	〇	〇	〇	〇
border-bottom-style	〇	〇	〇	〇	〇	〇	〇	〇	〇	〇	〇
border-bottom-width	〇	〇	〇	〇	〇	〇	〇	〇	〇	〇	〇
border-left	〇	〇	〇	〇	〇	〇	〇	〇	〇	〇	〇
border-left-color	〇	〇	〇	〇	〇	〇	〇	〇	〇	〇	〇
border-left-style	〇	〇	〇	〇	〇	〇	〇	〇	〇	〇	〇
border-left-width	〇	〇	〇	〇	〇	〇	〇	〇	〇	〇	〇
border-top	〇	〇	〇	〇	〇	〇	〇	〇	〇	〇	〇
border-top-color	〇	〇	〇	〇	〇	〇	〇	〇	〇	〇	〇
border-top-style	〇	〇	〇	〇	〇	〇	〇	〇	〇	〇	〇
border-top-width	〇	〇	〇	〇	〇	〇	〇	〇	〇	〇	〇
border-spacing	〇	〇	〇	〇	〇	〇	〇	〇	〇	〇	〇
border-collapse	〇	〇	〇	〇	〇	〇	〇	〇	〇	〇	〇
caption-side	〇	〇	〇	〇	〇	〇	〇	〇	〇	〇	〇
columns	〇	〇	〇	〇	〇	〇	〇	〇	〇
column-count	〇	〇	〇	〇	〇	〇	〇	〇	〇
column-fill	〇	〇	〇	〇	〇	〇	〇	〇	〇
column-gap	〇	〇	〇	〇	〇	〇	〇	〇	〇
column-rule	〇	〇	〇	〇	〇	〇	〇	〇	〇
column-span	〇	〇	〇	〇	〇	〇	〇	〇	〇
column-width	〇	〇	〇	〇	〇	〇	〇	〇	〇
color	〇	〇	〇	〇	〇	〇	〇	〇	〇	〇	〇
filter	〇	〇	〇	〇
font	〇	〇	〇	〇	〇	〇	〇	〇	〇	〇	〇
font-family	〇	〇	〇	〇	〇	〇	〇	〇	〇	〇	〇
font-size	〇	〇	〇	〇	〇	〇	〇	〇	〇	〇	〇
font-style	〇	〇	〇	〇	〇	〇	〇	〇	〇	〇	〇
font-variant	〇	〇	〇	〇	〇	〇	〇	〇	〇	〇	〇
font-weight	〇	〇	〇	〇	〇	〇	〇	〇	〇	〇	〇
letter-spacing	〇	〇	〇	〇	〇	〇	〇	〇	〇	〇	〇
line-height	〇	〇	〇	〇	〇	〇	〇	〇	〇	〇	〇
text-align	〇	〇	〇	〇	〇	〇	〇	〇	〇	〇	〇
text-decoration	〇	〇	〇	〇	〇	〇	〇	〇	〇	〇	〇
text-indent	〇	〇	〇	〇	〇	〇	〇	〇	〇	〇	〇
text-transform	〇	〇	〇	〇	〇	〇	〇	〇	〇	〇	〇
height	〇	〇	〇	〇	〇	〇	〇	〇	〇	〇	〇
min-height	〇	〇	〇	〇	〇	〇	〇	〇	〇	〇	〇
max-height	〇	〇	〇	〇	〇	〇	〇	〇	〇	〇	〇
width	〇	〇	〇	〇	〇	〇	〇	〇	〇	〇	〇
min-width	〇	〇	〇	〇	〇	〇	〇	〇	〇	〇	〇
max-width	〇	〇	〇	〇	〇	〇	〇	〇	〇	〇	〇
margin	〇	〇	〇	〇	〇	〇	〇	〇	〇	〇	〇
margin-right	〇	〇	〇	〇	〇	〇	〇	〇	〇	〇	〇
margin-bottom	〇	〇	〇	〇	〇	〇	〇	〇	〇	〇	〇
margin-left	〇	〇	〇	〇	〇	〇	〇	〇	〇	〇	〇
margin-top	〇	〇	〇	〇	〇	〇	〇	〇	〇	〇	〇
margin-block-start	〇	〇	〇	〇	〇	〇
margin-block-end	〇	〇	〇	〇	〇	〇
margin-inline-start	〇	〇	〇	〇	〇	〇
margin-inline-end	〇	〇	〇	〇	〇	〇
padding	〇	〇	〇	〇	〇	〇	〇	〇	〇	〇	〇
padding-right	〇	〇	〇	〇	〇	〇	〇	〇	〇	〇	〇
padding-bottom	〇	〇	〇	〇	〇	〇	〇	〇	〇	〇	〇
padding-left	〇	〇	〇	〇	〇	〇	〇	〇	〇	〇	〇
padding-top	〇	〇	〇	〇	〇	〇	〇	〇	〇	〇	〇
padding-block-start	〇	〇	〇	〇	〇	〇
padding-block-end	〇	〇	〇	〇	〇	〇
padding-inline-start	〇	〇	〇	〇	〇	〇
padding-inline-end	〇	〇	〇	〇	〇	〇
flex	〇	〇	〇	〇	〇	〇	〇	〇	〇
flex-basis	〇	〇	〇	〇	〇	〇	〇	〇	〇
flex-direction	〇	〇	〇	〇	〇	〇	〇	〇	〇
flex-flow	〇	〇	〇	〇	〇	〇	〇	〇	〇
flex-grow	〇	〇	〇	〇	〇	〇	〇	〇	〇
flex-shrink	〇	〇	〇	〇	〇	〇	〇	〇	〇
flex-wrap	〇	〇	〇	〇	〇	〇
gap	〇	〇	〇	〇	〇	〇
column-gap	〇	〇	〇	〇	〇	〇
row-gap	〇	〇	〇	〇	〇	〇
grid-template-columns	〇	〇	〇	〇	〇	〇	〇	〇	〇	〇
grid-auto-columns	〇	〇	〇	〇	〇	〇	〇	〇	〇
grid-column-start	〇	〇	〇	〇	〇	〇	〇	〇	〇
grid-column-end	〇	〇	〇	〇	〇	〇	〇	〇	〇
grid-column	〇
grid-column-gap	〇	〇	〇	〇	〇	〇	〇	〇	〇
grid-template-rows	〇	〇	〇	〇	〇	〇	〇	〇	〇
grid-auto-rows	〇	〇	〇	〇	〇	〇	〇	〇	〇
grid-row-start	〇	〇	〇	〇	〇	〇	〇	〇	〇
grid-row-end	〇	〇	〇	〇	〇	〇	〇	〇	〇
grid-row	〇
grid-row-gap	〇	〇	〇	〇	〇	〇	〇	〇	〇
grid-gap	〇	〇	〇	〇	〇	〇	〇	〇	〇
justify-content	〇	〇	〇	〇	〇	〇	〇	〇	〇
justify-items	〇	〇	〇	〇	〇	〇	〇	〇	〇
justify-self	〇	〇	〇	〇	〇	〇	〇	〇	〇
align-content	〇	〇	〇	〇	〇	〇	〇	〇	〇
align-items	〇	〇	〇	〇	〇	〇	〇	〇	〇
align-self	〇	〇	〇	〇	〇	〇	〇	〇	〇
clear	〇	〇	〇	〇	〇	〇	〇	〇	〇	〇	〇
cursor	〇	〇	〇	〇	〇	〇	〇	〇	〇	〇	〇
direction	〇	〇	〇	〇	〇	〇	〇	〇	〇	〇	〇
float	〇	〇	〇	〇	〇	〇	〇	〇	〇	〇	〇
list-style-type	〇	〇	〇	〇	〇	〇	〇	〇	〇	〇	〇
object-fit	〇	〇	〇	〇	〇	〇
object-position	〇	〇	〇	〇	〇	〇	〇	〇
overflow	〇	〇	〇	〇	〇	〇	〇	〇	〇	〇	〇
vertical-align	〇	〇	〇	〇	〇	〇	〇	〇	〇	〇	〇
writing-mode	〇	〇	〇
position	〇	〇	〇	〇	〇
top	〇	〇	〇	〇	〇
right	〇	〇	〇	〇	〇
bottom	〇	〇	〇	〇	〇
left	〇	〇	〇	〇	〇
z-index	〇	〇	〇	〇	〇
box-shadow	〇	〇	〇	〇
aspect-ratio	〇	〇	〇	〇	〇
container-type	〇
calc()	〇	〇	〇	〇	〇	〇	〇
var()	〇	〇	〇	〇	〇	〇	〇
min()	〇	〇	〇	〇	〇	〇
max()	〇	〇	〇	〇	〇	〇
minmax()	〇	〇	〇	〇	〇	〇
clamp()	〇	〇	〇	〇	〇	〇

'safe_style_css'フィルターにて得られる内容が空の場合、パラメータ$cssはそのまま返り値となる。

使用例

インラインスタイルをサニタイズする。

<?php $inline_style = safecss_filter_attr( $inline_style ); ?>

フィルター

[2.8.1]'safe_style_css'フィルターを呼び出す。パラメータ$attrには有効なスタイルのプロパティ名を列挙した配列が格納されている。

$allowed_attr = apply_filters( 'safe_style_css', $attr );

アクション

直接実行するアクションはありません。

ソースファイル

/wp-includes/kses.php

最終更新 : 2024年07月19日 15:14

参考

Code Reference: safecss_filter_attr

お勧め

スマートフォン向けの振り分けを自前で行う（2012年1月23日更新）

PC向けのサイトをスマートフォン対応する場合、WPtouchやktai styleに代表されるスマートフォン対応のテンプレート切り替えプラグインを使用するのが一般的。そういったプラグインはテンプレート切り替え以外の機能も備えており、そういった機能は必ずしも必要ではない。そんなわけで、ここでは超シンプルなスマートフォン向けのテンプレート切り替えを実現する方法を紹介する。

ショートコードを含んだページを表示する前に何か処理する（2014年5月28日更新）

固定ページまたは投稿ページに独自のフォームを埋め込む。入力→登録の2段階のフォームなら著名なプラグイン「Contact Form 7」を利用すればいいのだが、クライアントの依頼は入力→確認→登録の3段階で組み込む要素が特化していたので、独自の実装方法を考えることになった。

適切なテンプレートファイルを用意してテンプレート内の振り分け処理を無くす（2019年5月24日更新）

/wp-includes/template-loader.phpではリクエストされたページに応じて現在のテーマにあるテンプレートファイルの中から適切なものを選びに振り分けている。ここでは、さまざまなテンプレートファイルの種類と、テンプレートファイルが省略された場合の内部の動作についてまとめてみる。

管理者ページに文言を表示する（2012年4月19日更新）

お客様向けに管理者ページをカスタマイズする機会が増えてきている。カスタマイズするページや表示場所、表示内容によっていくつかの手段があるが、今回はページの冒頭部分に任意の文言を表示する方法を紹介する。

5.3の機能強化：ユーザーパスワードの表示と非表示（2019年9月30日更新）

「WordPress 5.3 Beta 1」に記載されていた「Toggle password view」という項目。「Other Changes for Developers」の見出しの中ということもあり、ちょっと調べてみた。