説明
パラメータ
- $cssstyle属性値を指定。
- $deprecated使用不可(省略時は'')。
返り値
ルールに適合しない内容を取り除いたstyle属性値を返す。
注意
有効なスタイルのプロパティ名はバージョンによって異なる(適宜追加されてきている)。
プロパティ名 | 6.2.0 | 6.1.0 | 5.8.0 | 5.7.1 | 5.3.0 | 5.2.0 | 5.1.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-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 | 〇 | 〇 | 〇 | 〇 | 〇 | 〇 | 〇 |
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-gap | 〇 | 〇 | 〇 | 〇 | 〇 | ||
grid-template-rows | 〇 | 〇 | 〇 | 〇 | 〇 | ||
grid-auto-rows | 〇 | 〇 | 〇 | 〇 | 〇 | ||
grid-row-start | 〇 | 〇 | 〇 | 〇 | 〇 | ||
grid-row-end | 〇 | 〇 | 〇 | 〇 | 〇 | ||
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 | 〇 | 〇 | 〇 | 〇 | 〇 | 〇 | 〇 |
position | 〇 | ||||||
top | 〇 | ||||||
right | 〇 | ||||||
bottom | 〇 | ||||||
left | 〇 | ||||||
z-index | 〇 | ||||||
aspect-ratio | 〇 | ||||||
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最終更新 : 2023年03月31日 13:27
お勧め
投稿一覧ページに「更新日時」カラムを追加してみた(2019年8月27日 更新)
サイトの特性によるが、「投稿」には繰り返し更新するものがある。そんなサイトでは投稿一覧ページに「更新日時」があった方が便利。というわけで、今回は投稿一覧にソートに対応した「更新日時」カラムを追加する方法を紹介する。
連番のユーザーIDを回避できないか考えた(2019年6月4日 更新)
WordPressのユーザーIDは最初の管理者が1、次に追加したユーザーが2といった感じの連番になる。連番のIDはサイトによっては好ましくないケースがあり、連番を回避する方法がないか検討した。
Twenty Seventeenのフォントサイズを変更してみた(2021年12月15日 更新)
先日投稿した「続テーマを変更せずにWebフォントを使ってみた」では、テーマ「Twenty Seventeen」でもWebフォントを使えるようにした。その際、「Twenty Seventeen」のフォントサイズが少し小さく感じたので、今回はフォントサイズを調整してみた。
4.2.3でちょっと変わったショートコード(2018年5月27日 更新)
4.3のリリースまであと少しなわけですが、4.2.3が緊急リリースされました。4.2.2とソースコードを比較すると、ざっくりTinyMCE絡みが多い印象を受けたのですが、ショートコード関連も少し変わっていたので簡単にまとめてみました。
「投稿に挿入」時のタグをちょっとカスタマイズ(2011年7月29日 更新)
投稿画面において、画像をアップロードし投稿に挿入するすると、imgタグをaタグで囲んだものが挿入される(キャプションを指定した場合はタグも)。それらの画像をLightBox(JavaScriptライブラリ)で表示する場合、aタグにrel属性を追加するのだが、その作業を毎回投稿に挿入した後で行うのがちょっと面倒。というわけで、自動的にrel属性を追加するようにしてみました。