Có một thuật ngữ cụ thể cho máng xối ngang?

Bối cảnh
Nhóm của tôi đang làm việc trên một trang web phản hồi và chúng tôi cho phép người dùng định cấu hình một số thuộc tính của trang, bao gồm khoảng trắng giữa các "ô" lưới. Chúng tôi đã có một cuộc trò chuyện về thuật ngữ chính xác để xác định "khoảng trống giữa các ô". Rõ ràng là chúng ta có thể sử dụng một cái gì đó như "lề", nhưng nó hơi rộng vì nó sẽ bao gồm khoảng trắng giữa trang và các ô ngoài cùng. Chúng tôi muốn xác định không gian giữa các ô. Người dùng của chúng tôi không nhất thiết phải am hiểu về công nghệ (có nghĩa là CSS, v.v.), nhưng có thể có một số nền tảng về thiết kế đồ họa (hoặc ít nhất là quen thuộc với thuật ngữ chung).

Câu hỏi
"Máng xối" có vẻ như là thuật ngữ chính xác nhất, nhưng hầu hết các định nghĩa cho "máng xối" mà tôi có thể tìm thấy cụ thể đề cập đến khoảng trắng giữa các cột .

Có một thuật ngữ cụ thể cho không gian giữa các hàng ? Hay nó là thích hợp để chỉ đơn giản gọi chúng là "máng xối ngang"?

Ví dụ
Dưới đây là một minh họa về những gì tôi đang cố gắng xác định.
(Hình ảnh mượn từ https://www.init.de/en/news/responsive-design )

Các vấn đề với Thuật ngữ hiện tại của tôi
"Máng xối ngang (/ dọc)" hơi khó hiểu, theo tôi, vì không rõ liệu máng xối nằm giữa các phần tử ngang (/ dọc) hay nếu nó cung cấp không gian ngang (/ dọc) giữa dọc (/ dọc) các phần tử nằm ngang). Có một số bất đồng trong nhóm của tôi về định nghĩa nào là chính xác, vì vậy tôi nghĩ đó là bằng chứng đủ để cụm từ đó thực sự khó hiểu.

Ít nhất là liên quan đến web, "phần đệm" và "lề" không phù hợp với những gì tôi mô tả. Đệm liên quan đến không gian giữa đường viền và nội dung, trong khi lề chỉ khoảng không gian xung quanh một phần tử. Hai phần tử liền kề có lề 10px mỗi phần sẽ có một máng xối 20px giữa chúng. (Có, tôi biết rằng lề CSS thường sụp đổ, nhưng không phải lúc nào cũng vậy .)

Tôi đã thấy thuật ngữ "máng xối" được sử dụng thường xuyên trong các khung lưới đáp ứng, vì vậy tôi biết đó là một thuật ngữ có thể chấp nhận được trong phát triển web. Tôi chỉ tự hỏi liệu có một thuật ngữ thích hợp hơn cho một "máng xối ngang".

Tôi sẽ sử dụng "khoảng cách hàng".

Như JDB đã đề cập, tôi cũng muốn sử dụng các thuật ngữ liên quan đến web thay vì cố gắng nhập các thuật ngữ sắp chữ từ thế giới truyền thông in ấn (hấp dẫn).

Tôi sẽ sử dụng thuật ngữ "khoảng cách cột" và "khoảng cách hàng" bởi vì hầu hết các bố cục lưới sử dụng thuật ngữ "cột" và "lưới". Tôi sẽ tránh sử dụng thuật ngữ "lề" và "phần đệm" để tránh xung đột với các từ khóa CSS.

Trong phạm vi thiết kế web, dường như là phạm vi của câu hỏi của OP, tôi thà sử dụng các thuật ngữ liên quan đến web thay vì cố gắng nhập các thuật ngữ sắp chữ từ thế giới truyền thông in ấn (hấp dẫn).

Tôi sẽ gọi đây là "lề dọc" như trong thuộc tính lề CSS. Lề là khoảng cách giữa đường viền của các phần tử liền kề (trái ngược với phần đệm, là khoảng cách bên trong phần tử, giữa đường viền và nội dung của nó.)

Theo cách nói của W3C:

Lề sẽ xóa một khu vực xung quanh một phần tử (bên ngoài đường viền). Lề không có màu nền và hoàn toàn trong suốt. nguồn

Xin lưu ý rằng đường viền của phần tử có thể trong suốt. Nó không cần phải được nhìn thấy.

Các nhà phát triển buộc phải hiểu thuật ngữ này khá rõ ràng. Và, theo tôi, mặc dù "lề" kém duyên dáng hơn "máng xối", "lối đi" hay "sên", khách hàng nhất định tìm thấy nó là một thuật ngữ thân thiện hơn.

Giải mã

Cellpaddingvà cellspacingtương tự paddingvà margin, nhưng chúng quá cụ thể. Chúng là các thuộc tính html hợp lệ của các thẻ <table>và <td>trái ngược với các thuộc tính CSS chung. Chúng không thể được áp dụng cho bất kỳ thẻ nào khác ngoài những thẻ đó. Nếu bạn chỉ nói về các bảng (như trong các cấu trúc được tạo bằng <table>thẻ) thì bạn sẽ đúng nếu bạn gọi khu vực đó cellspacing. Nếu bạn đang nói về các khu vực hình chữ nhật nói chung (như trong khu vực được xác định bởi <div>, <span>, <img>hoặc bất kỳ thẻ khác), sau đó marginsẽ chính xác hơn.

Chỉ là một nhận xét phụ, xin lưu ý rằng các thuộc tính cellpadingvà cellspacingcác thuộc tính rất được các nhà thiết kế và phát triển web hiện đại đánh giá cao vì loại thuộc tính này trộn lẫn cấu trúc (HTML) với kiểu (CSS) dẫn đến các trang khó duy trì và / hoặc phát triển hơn đội. Các nhà phát triển được khuyến khích không sử dụng các thuộc tính này và sử dụng các thuộc tính CSS paddingvà marginthay vào đó.

Điều tương tự áp dụng cho việc sử dụng các bảng để tạo bố cục chung, như trước đây. Những người theo chủ nghĩa thuần túy cho rằng các bảng chỉ nên được sử dụng để hiển thị dữ liệu dạng bảng. <div>và <span>thẻ nên được sử dụng cho giàn giáo. Tất cả điều này hy vọng rằng một ngày nào đó chúng ta sẽ có các trang web chính xác về mặt ngữ nghĩa là các thẻ đánh dấu bối cảnh về mặt ngữ nghĩa, trái ngược với việc chỉ ở hậu trường.

Trong thuật ngữ sắp chữ, Slug là một thuật ngữ phổ biến cho một khoảng cách ngang. - Không gian sau / trước một đoạn, một khoảng cách ngang giữa các phần hoặc giữa các quy tắc, v.v ... Sên có kích thước được chỉ định tương tự như kích thước loại và sẽ được đặt nội tuyến với loại kim loại để tạo khoảng cách dọc phù hợp.

dựa trên bản chỉnh sửa ....

Cell paddingdường như sự lựa chọn rõ ràng nhất Hoặc cell spacing.

Trong thiết kế bố trí, các máng xối ngang trong lưới được gọi là đường dòng chảy của Google