@ckeditor/ckeditor5-table/theme/tableproperties-experimental.css

Table feature for CKEditor 5.

/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */

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

.ck.ck-table-properties-form {
	& .ck-form__row {
		&.ck-table-properties-form__alignment-row {
			flex-wrap: wrap;
			flex-basis: 0;
			align-content: baseline;

			& .ck.ck-toolbar .ck-toolbar__items {
				flex-wrap: nowrap;
			}
		}
	}
}

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

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

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

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

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

.ck-editor__editable {
	& .table.layout-table {
		&.table-style-align-center {
			margin-left: auto;
			margin-right: auto;
		}

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

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

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

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