TinyMCE Advancedの枠線を消すためのCSS編集について

PR 2016/11/5

このトピックには2件の返信、2人の参加者があり、最後にHidekichiにより9年、 11ヶ月前に更新されました。

2件の返信スレッドを表示中

投稿者

投稿
- 2016年11月5日 8:21 PM #47098
  パターソン
  ゲスト
  お世話になっております。
  Simplicity2を愛用させて頂いているものです。
  ブログで表を作成する機会があり、TinyMCE Advancedというプラグインを導入しました。
  TinyMCE Advancedには、枠線を消すオプションが存在しないため、スタイルシートからCSSを編集する必要があります。
  テーマごとに枠線の設定が違うらしく、CSSの編集が若干異なるということを知りました。
  Simplicity2では、スタイルシートでどのように記述すれば表の枠線を消すことができるでしょうか？
  ちなみに
```
table {
    border:none;
}
```
  ではダメでした。
- 2016年11月5日 8:58 PM #47103
  わいひら
  キーマスター
  Simplicityデフォルトのスタイル状態であれば、以下のように書けばいけるかと思います。
```
.article th, 
.article td {
    border-width: 0;
}
```
- 2016年11月5日 9:05 PM #47104
  
  Hidekichi
  ゲスト
  
  td, thあたりのボーダーを消せば消えるんじゃないでしょうか？
  
  tableは一番外枠ですから、別にボーダーはあってもなかってもよく、デザイン次第の所があります。
  上下ボーダーのみの表を作る場合、td,thにはボーダーを入れずtrに入れられる人もいます。
  
  何にボーダーが入ってて、どうすれば消えるかは見てみないと何とも言えないですが、おそらく上記のような感じかと思います。
  
  またボーダーを完全に消したいなら、
  border: 0;
  とするほうが良いです。
  
  サンプル: テーブルのボーダー |jsFiddle
  
  このように、noneにしたものにborder-styleが入ると反映されてしまいますが、0で完全にボーダーがなければスタイルも反映されません。
  自分で1からテーブルのスタイルをする場合はnoneでも良いですが、人のスタイルを利用する場合に、完全にボーダーがいらない場合はborder: 0;を推奨します。
  何が継承されるかわかりませんからね。
投稿者

投稿

2件の返信スレッドを表示中

フォーラム「テーマファイルのカスタマイズに関する質問など」には新規投稿および返信を追加できません。