Q&A
「ソースを表示」というのは、F12ツール経由での話でしょうか。
###発生している問題・エラーメッセージ
IE11でBorderが記述されていると、勝手にBorder-image:none;が書き込まれてしまいます。
表示されたHTMLを保存したいため、無駄なコードを含めたくないので、
自動で書き込まれないようにしたいのですが、
何か手立てはありますでしょうか？
###該当のソースコード
<html> <head> <title>sample</title> <style> </style> </head> <body> <div id="box1" style="border:solid 1px rgb(0,0,0);">テスト文字列</div> <div id="box2">テスト文字列</div> </body> </html> ###試したこと 上記ソースを表示すると、勝手に <DIV id="box1" style="border: 1px solid rgb(0, 0, 0); border-image: none;">テスト文字列</DIV> という表記に変わり、border-imageが勝手に書き込まれます。※ソースの表示は、F12ツールでの表示になります。
また、IE右上の設定→ファイル→名前をつけて保存とした場合に
上記が書き込まれたソースが保存されます。
IE10以前、Edge、Chromeでは書き込まれません。
回答1件
0
ベストアンサー
https://developer.mozilla.org/ja/docs/Web/CSS/border
また、border-image はこの簡略化プロパティからセットできませんが、初期値である none にリセットされる点に注意してください。
これが表に出てきているのだと思われます。
IE10はborder-imageに対応していないため出ません。
大文字になっていることからも分かるように、そのままのものではないです。
元のHTMLがほしいならばソースの表示から取得したほうがいいかもしれません。
投稿2017/10/27 01:15
総合スコア13749
なるほど！
borderの簡略化プロパティを利用しているため、自動的にリセットされていることと、IE10がborder-imageに対応していないため、合わせ技でこのような動作になっているのですね。。
動作の納得がいきました。
実際にはJSで保存しているのですが、どうにも対応ができないということですね。
回答ありがとうございました。
あなたの回答
tips
プレビュー
