@ckeditor/ckeditor5-table/dist/index-content.css

Table feature for CKEditor 5.

/**
 * @license Copyright (c) 2003-2026, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */
.ck-content .table th{
  text-align:start;
}

.ck-content[dir="rtl"] .table th{
  text-align:right;
}

.ck-content[dir="ltr"] .table th{
  text-align:left;
}

.ck-content figure.table:not(.layout-table){
  display:table;
}

.ck-content figure.table:not(.layout-table) > table{
  width:100%;
  height:100%;
}

.ck-content .table:not(.layout-table){
  margin:.9em auto;
}

.ck-content table.table:not(.layout-table), .ck-content figure.table:not(.layout-table) > table{
  border-collapse:collapse;
  border-spacing:0;
  border:1px double #b3b3b3;
}

:is(:is(.ck-content table.table:not(.layout-table), .ck-content figure.table:not(.layout-table) > table) > thead, :is(.ck-content table.table:not(.layout-table), .ck-content figure.table:not(.layout-table) > table) > tfoot, :is(.ck-content table.table:not(.layout-table), .ck-content figure.table:not(.layout-table) > table) > tbody) > tr > th{
  background:#0000000d;
  font-weight:bold;
}

:is(:is(:is(.ck-content table.table:not(.layout-table), .ck-content figure.table:not(.layout-table) > table) > thead, :is(.ck-content table.table:not(.layout-table), .ck-content figure.table:not(.layout-table) > table) > tfoot, :is(.ck-content table.table:not(.layout-table), .ck-content figure.table:not(.layout-table) > table) > tbody) > tr > td, :is(:is(.ck-content table.table:not(.layout-table), .ck-content figure.table:not(.layout-table) > table) > thead, :is(.ck-content table.table:not(.layout-table), .ck-content figure.table:not(.layout-table) > table) > tfoot, :is(.ck-content table.table:not(.layout-table), .ck-content figure.table:not(.layout-table) > table) > tbody) > tr > th) > p:first-of-type{
  margin-top:0;
}

:is(:is(:is(.ck-content table.table:not(.layout-table), .ck-content figure.table:not(.layout-table) > table) > thead, :is(.ck-content table.table:not(.layout-table), .ck-content figure.table:not(.layout-table) > table) > tfoot, :is(.ck-content table.table:not(.layout-table), .ck-content figure.table:not(.layout-table) > table) > tbody) > tr > td, :is(:is(.ck-content table.table:not(.layout-table), .ck-content figure.table:not(.layout-table) > table) > thead, :is(.ck-content table.table:not(.layout-table), .ck-content figure.table:not(.layout-table) > table) > tfoot, :is(.ck-content table.table:not(.layout-table), .ck-content figure.table:not(.layout-table) > table) > tbody) > tr > th) > p:last-of-type{
  margin-bottom:0;
}

:is(:is(.ck-content table.table:not(.layout-table), .ck-content figure.table:not(.layout-table) > table) > thead, :is(.ck-content table.table:not(.layout-table), .ck-content figure.table:not(.layout-table) > table) > tfoot, :is(.ck-content table.table:not(.layout-table), .ck-content figure.table:not(.layout-table) > table) > tbody) > tr > td, :is(:is(.ck-content table.table:not(.layout-table), .ck-content figure.table:not(.layout-table) > table) > thead, :is(.ck-content table.table:not(.layout-table), .ck-content figure.table:not(.layout-table) > table) > tfoot, :is(.ck-content table.table:not(.layout-table), .ck-content figure.table:not(.layout-table) > table) > tbody) > tr > th{
  border:1px solid #bfbfbf;
  min-width:2em;
  padding:.4em;
}

@media print{
  .ck-content figure.table:not(.layout-table){
    width:fit-content;
    height:fit-content;
  }

  .ck-content figure.table:not(.layout-table) > table{
    height:initial;
  }
}

.ck-content table.table.layout-table, .ck-content figure.table.layout-table{
  margin-top:0;
  margin-bottom:0;
}

.ck-content table.table.layout-table, .ck-content figure.table.layout-table > table{
  border-spacing:0;
}

:root{
  --ck-content-table-style-spacing:1.5em;
}

.ck-content .table.table-style-align-left{
  float:left;
  margin-right:var(--ck-content-table-style-spacing);
}

.ck-content .table.table-style-align-right{
  float:right;
  margin-left:var(--ck-content-table-style-spacing);
}

.ck-content .table.table-style-align-center{
  margin-left:auto;
  margin-right:auto;
}

.ck-content .table.table-style-block-align-left{
  margin-left:0;
  margin-right:auto;
}

.ck-content .table.table-style-block-align-right{
  margin-left:auto;
  margin-right:0;
}

:root{
  --ck-content-color-table-caption-background:#f7f7f7;
  --ck-content-color-table-caption-text:#333;
}

.ck-content .table > figcaption, .ck-content figure.table > table > caption{
  caption-side:top;
  word-break:normal;
  overflow-wrap:anywhere;
  text-align:center;
  color:var(--ck-content-color-table-caption-text);
  background-color:var(--ck-content-color-table-caption-background);
  outline-offset:-1px;
  padding:.6em;
  font-size:.75em;
  display:table-caption;
}

@media (forced-colors: active){
  .ck-content .table > figcaption, .ck-content figure.table > table > caption{
    background-color:unset;
    color:unset;
  }
}

.ck-content .table .ck-table-resized{
  table-layout:fixed;
}

.ck-content .table td, .ck-content .table th{
  overflow-wrap:break-word;
}